วิธีการ ใส่รูปใน Google Site

ดาวน์โหลดบทความ
ร่วมเขียน โดย ทีมงานวิกิฮาว

ดาวน์โหลดบทความ

หลายคนนิยมสร้างเว็บด้วย Google Sites ไม่ว่าจะใช้แสดงตัวตนและผลงานของตัวเอง หรือใช้ขายสินค้าต่างๆ ก็ตาม แต่แปลกดีที่หน้าช่วยเหลือของ Google Site กลับไม่ค่อยมีรายละเอียดบอกเท่าไหร่ แถมดูยากใช้ยาก ถ้าคุณรู้จักใส่รูป เว็บของคุณจะน่าเข้าน่าอ่านขึ้นอีกเยอะ ที่สำคัญคือดูโปรกว่า วันนี้คุณมาถูกที่แล้ว เพราะบทความวิกิฮาวนี้จะแนะนำวิธีการใส่รูปสวยๆ ลง Google Site แบบง่ายๆ ในไม่กี่ขั้นตอนให้คุณเอง

ส่วน 1
ส่วน 1 ของ 2:

อัพโหลดรูปเข้า Google Site

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Add-a-Photo-to-Your-Google-Site-Step-1-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Add-a-Photo-to-Your-Google-Site-Step-1-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คว้ากล้องแล้วถ่ายรูปบ้าน รูปเพื่อน หรือรูปหมาแมวก็ตามใจ หรือจะหารูปจากในเน็ตตามจินตนาการ แต่ Google Site นั้นเป็นเว็บสาธารณะ ยังไงเลือกรูปให้เหมาะสมดูดีหน่อยก็แล้วกันนะ
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/Add-a-Photo-to-Your-Google-Site-Step-2-Version-2.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/Add-a-Photo-to-Your-Google-Site-Step-2-Version-2.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ถ้าจะใช้ไฟล์รูปจากกล้องดิจิตอล ก็ต้องเสียบกล้องกับพอร์ท USB ของคอมก่อน จะมีหน้าต่างใหม่โผล่ขึ้นมา อันนี้แล้วแต่โปรแกรมที่คุณใช้ แต่ปกติให้เลือก "import images" จากนั้นเลือกเฉพาะบางรูป หรือเลือกทั้งอัลบั้ม ถ้าจะดาวน์โหลดรูปจากในเน็ต ให้คลิกซ้าย (PC) หรือคลิกพร้อมกัน 2 นิ้ว (Mac) ที่รูป
    • ให้คลิก "Save As" จากในเมนูที่ขยายลงมา จากนั้นจะมีให้ตั้งชื่อรูป ขอให้เลือกที่จำง่ายหน่อย
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Add-a-Photo-to-Your-Google-Site-Step-3-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Add-a-Photo-to-Your-Google-Site-Step-3-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พิมพ์ address หรือคลิก bookmark ก็ได้ จะเข้าในเบราว์เซอร์ไหนก็ได้ ไม่ว่าจะเป็น Google Chrome หรือ Internet Explorer จากนั้นคลิกปุ่ม "Edit" (หน้าตาเหมือนดินสอ) ที่ด้านขวาบนของหน้าต่าง เพื่อเข้า "Edit Mode" แล้วแก้ไข/ใส่รูป [1]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Add-a-Photo-to-Your-Google-Site-Step-4-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Add-a-Photo-to-Your-Google-Site-Step-4-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกขอบขวาของวัตถุหรือข้อความที่อยากใส่รูปข้างล่าง. แล้วกด ⏎ Return เพื่อสร้าง break จะได้เว้นว่างก่อนใส่รูป ไม่อยู่ชิดติดกับวัตถุหรือเนื้อหาย่อหน้านั้นเกินไป [2]
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d4\/Add-a-Photo-to-Your-Google-Site-Step-5-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d4\/Add-a-Photo-to-Your-Google-Site-Step-5-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่ด้านซ้ายบนของหน้าจอเบราว์เซอร์ แล้วจะเห็นเมนูที่ขยายลงมา ให้เลื่อนขึ้นไปตามเมนูแล้วคลิก "Image" [3]
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Add-a-Photo-to-Your-Google-Site-Step-6-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Add-a-Photo-to-Your-Google-Site-Step-6-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เลือกรูปที่จะใส่จากในคอม แล้วจะมีตัวอย่างรูปให้ดูในหน้าต่าง คุณอัพโหลดทีละหลายรูปได้ โดยคลิกปุ่ม "Choose File" ที่โผล่มาทางขวาของตัวอย่างรูป พอได้รูปที่ต้องการแล้วให้ดับเบิลคลิก เท่านี้ก็จะเริ่มอัพโหลดรูปเข้า Google Site [4]
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Add-a-Photo-to-Your-Google-Site-Step-7-Version-3.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Add-a-Photo-to-Your-Google-Site-Step-7-Version-3.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ถ้าไม่อยากใส่รูปจากคอม ก็ลิงค์ไปที่ address ของเว็บได้ ไม่ต้องคลิก "Image" ใน tab "Insert" แต่ให้คลิก "Web Address" แทน จะมีขึ้นเตือนให้คุณใช้เฉพาะรูปที่ตัวเองเป็นเจ้าของ อย่าไปขโมยรูปคนอื่นเขามาใช้ ถ้าทุกอย่างเรียบร้อยดีก็ให้พิมพ์ URL ลงในช่องที่โผล่มาได้เลย [5]
    • เช็คก่อนว่า URL ถูกต้องแล้ว จะมีรูปโผล่มาในช่องให้คุณดูว่าเป็นรูปที่คุณเลือก แต่ถ้ารูปใหญ่ก็ต้องรอหน่อย ถ้าขัดข้องตรงไหนให้เช็ค URL อีกที
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6e\/Add-a-Photo-to-Your-Google-Site-Step-8.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6e\/Add-a-Photo-to-Your-Google-Site-Step-8.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เพื่อดึงรูปมาที่หน้าจอ Google Site หลังจากนั้นให้ปิดหน้าต่างอื่นให้หมด แล้วจัดวางรูปตามต้องการ [6]
    โฆษณา
ส่วน 2
ส่วน 2 ของ 2:

แปลงไฟล์รูปใน Google Site

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Add-a-Photo-to-Your-Google-Site-Step-9.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Add-a-Photo-to-Your-Google-Site-Step-9.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกที่รูปแล้วขยับเลื่อนตำแหน่งตามต้องการ เสร็จแล้วจะมีสี่เหลี่ยมสีน้ำเงินคลุมรูปอยู่ พร้อมตัวเลือกต่างๆ เช่น URL ของรูป ตัวเลือกปรับเปลี่ยนตำแหน่ง พิมพ์ wrap text และปรับขนาดรูป เป็นต้น คุณก็ปรับแต่งไปตามสบาย [7]
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8d\/Add-a-Photo-to-Your-Google-Site-Step-10.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8d\/Add-a-Photo-to-Your-Google-Site-Step-10.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิก tab "HTML" ที่ด้านขวาบนของหน้า Google Site พอ address ของรูปโผล่มา ให้ใส่ชุดโค้ดของกรอบที่ต้องการ โดย address ของคุณจะอยู่ระหว่าง 2 สัญลักษณ์แบบนี้ <(image address)> ให้ใส่โค้ดต่อท้าย address แต่ต้องอยู่ก่อนสัญลักษณ์ปิดท้าย [8]
    • เช่น <(image address) style ="border:1px solid black; padding:5px;"> โค้ดนี้จะได้กรอบดำทึบ กว้าง 1 พิกเซล และด้านยาวห่างจากรูป 5 พิกเซล
    • เช่น <(image address) style ="border:5px dashed blue; padding:15px;"> โค้ดนี้จะได้กรอบเส้นประสีน้ำเงิน กว้าง 5 พิกเซล และห่างจากรูป 15 พิกเซล
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a1\/Add-a-Photo-to-Your-Google-Site-Step-11.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a1\/Add-a-Photo-to-Your-Google-Site-Step-11.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เข้า "Edit Mode" แล้วคลิกที่รูป จะมีหน้าต่าง edit โผล่ขึ้นมา และมีแถบทางซ้าย กลาง และขวา ให้คลิกแถบที่ว่าเพื่อกำหนดตำแหน่งของรูป เสร็จแล้วคลิก "Save" [9]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Add-a-Photo-to-Your-Google-Site-Step-12.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Add-a-Photo-to-Your-Google-Site-Step-12.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เข้า "Edit Mode" แล้วคลิกที่รูป จากนั้นคลิก S, M, L หรือ Original ซึ่งก็คือขนาด small (เล็ก), medium (กลาง), large (ใหญ่) หรือ original (เท่าต้นฉบับ) ชอบอันไหนก็คลิกอันนั้นเลย เสร็จแล้วให้คลิก "Save" [10]
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2b\/Add-a-Photo-to-Your-Google-Site-Step-13.jpg\/v4-460px-Add-a-Photo-to-Your-Google-Site-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2b\/Add-a-Photo-to-Your-Google-Site-Step-13.jpg\/v4-728px-Add-a-Photo-to-Your-Google-Site-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ถ้า draft หรือแบบร่างไม่ถูกเซฟอัตโนมัติ ให้คุณคลิก "Save" ที่มุมขวาบนเองได้เลย เท่านี้ก็ใส่รูปลงเว็บเรียบร้อย ห้ามลืมเซฟเด็ดขาด ไม่งั้นต้องเริ่มทำใหม่ตั้งแต่ขั้นตอนแรกเลย
    โฆษณา

เคล็ดลับ

  • อยากได้กรอบรูปเจ๋งๆ โดนๆ ต้องลองศึกษาโค้ดเพิ่มเติม เพราะมีตั้งแต่เรียบๆ ไปจนถึงอลังการงานสร้าง ตามระดับความซับซ้อนของโค้ดที่ใช้
  • ลองปรับแต่งดูหลายๆ แบบ ของพวกนี้ไม่มีอะไรตายตัว จะปรับขนาดรูป เปลี่ยนตำแหน่ง หรืออะไรก็ทำไปตามใจเถอะ
โฆษณา

คำเตือน

  • ต้องเลือกรูปให้เหมาะสมกับเว็บสาธารณะ แถมรูปที่ว่ายังเป็นเหมือนรูปแทนตัวเวลาคนอื่นเขาค้นหา Google Site ของคุณ
  • ห้ามลืมเซฟเด็ดขาด เซฟซ้ำเซฟซากไปเถอะ ไม่เป็นไร
โฆษณา

บทความวิกิฮาวอื่น ๆ ที่่เกี่ยวข้อง

วิธีการ
ดาวน์โหลดวิดีโอจากทุกเว็บไซต์ได้แบบฟรีๆ
วิธีการ
แก้ปัญหาเข้าบางเว็บไม่ได้
วิธีการ
หาวันที่เผยแพร่ข้อมูลของเว็บไซต์
วิธีการ
ดูว่าใครแชร์โพสต์ของคุณบนเฟซบุ๊ก
วิธีการ
แก้ปัญหาเซิร์ฟเวอร์ DNS ไม่ตอบสนอง
วิธีการ
เช็คตำแหน่งปัจจุบันใน Google Maps
รู้ความหมายของอีโมจิรูปหัวใจสีดำ
วิธีการ
ตั้งชื่ออีเมลให้โดนใจ
วิธีการ
เชื่อมต่ออินเทอร์เน็ตในคอมพิวเตอร์ Windows
วิธีการ
เว้นวรรคห่างๆ ใน HTML
วิธีการ
หาละติจูดกับลองจิจูดใน Google Maps
วิธีการ
เปิดใช้งานคุกกี้ในเว็บเบราว์เซอร์อินเตอร์เน็ตของคุณ
อิโมจิซ่อนความสยิวที่คนใช้แชตกันมากที่สุด
วิธีการ
หา URL ของเว็บไซต์
โฆษณา

ข้อมูลอ้างอิง

  1. ↑ https://support.google.com/websearch/answer/175288?hl=en
  2. ↑ http://personalweb.about.com/od/googlepagecreator/ss/googleaddphotos.htm#step4
  3. ↑ http://personalweb.about.com/od/googlepagecreator/ss/googleaddphotos.htm#step4
  4. ↑ https://support.google.com/websearch/answer/175288?hl=en
  5. ↑ http://personalweb.about.com/od/googlepagecreator/ss/googleaddphotos.htm#step4
  6. ↑ https://support.google.com/websearch/answer/175288?hl=en
  7. ↑ http://personalweb.about.com/od/googlepagecreator/ss/googleaddphotos.htm#step4
  8. ↑ https://sites.google.com/site/siteshelphowtos/google-sites-instructions/images/changeimagesize
  9. ↑ https://sites.google.com/site/siteshelphowtos/google-sites-instructions/images/changeimagesize
  1. ↑ https://sites.google.com/site/siteshelphowtos/google-sites-instructions/images/changeimagesize

เกี่ยวกับวิกิฮาวนี้

ในภาษาอื่น
มีการเข้าถึงหน้านี้ 10,038 ครั้ง

บทความนี้เป็นประโยชน์กับคุณไหม

โฆษณา