ติดต่อ

  ติดต่อ

การแทรกรูปภาพลงในบันทึก

สืบเนื่องจากผมเผอิญได้เข้าไปเจอบันทึกของคุณสมศักดิ์ (เผลอเรียกพี่สมศักดิ์ไปหลายคำเลยครับ ต้องขออภัยด้วยครับ)

ท่านได้เข้ามาสอบถามเรื่องของการแทรกรูปภาพในบันทึกครับ

ผมก็ขอเลยขออนุญาตแนะนำท่านเกี่ยวกับเรื่องการแทรกรูปภาพลงในบันทึก "รายละเอียดค่อนข้างยาวครับ"

ก็เลยมาคิดว่า น่าจะมีประโยชน์สำหรับสมาชิกที่เริ่มเข้ามาใช้ G2K ใหม่ ๆ หรือท่านก็สนใจจะลงรูปภาพครับ

แต่อีกใจหนึ่งก็กลัวสมาชิกเดิม ๆ จะมาหาว่า "สอนจรเข้ว่ายน้ำ" เพราะเป็นเรื่องเทคนิคที่สมาชิกเดิม ๆ ทำได้กันอย่างมืออาชีพ (หลาย ๆ ท่านทำได้ดีกว่าผมอีกครับ)

แต่อย่างไรก็น่าจะมีประโยชน์บ้างไม่มากก็น้อยครับ

ก็เลยขออนุญาตนำเทคนิคนี้มาเผยแพร่อีกครั้งนะครับ ต้องขออภัยล่วงหน้าด้วยนะครับ ถ้าเกิดไปซ้ำกับบันทึกท่านใดครับ



ลงภาพในบันทึกครับ


ระบบของบล็อคก็คล้าย ๆ กับโปรแกรม Microsoft word ครับ

คือตอนที่เราจะใส่รูปลงหน้ากระดาษของเวิร์ด เราก็จะต้องเลือกเมนูเพื่อแทรกรูปภาพใช่ไหมครับ


ระบบบล็อคก็เหมือนกันครับ จะต้องใช้การเลือกเมนูเพื่อแทรกรูปภาพเหมือนกันครับ

คราวนี้เราจะเอารูปภาพจากที่ไหนมาแทรกลงในบล็อก? เป็นคำถามถัดไปครับ

เพราะถ้าเป็นเวิร์ดเราก็ไปกดแทรกแล้วก็เลือกรูปภาพมาได้เลย

แต่บล็อกต้องทำการ Upload รูปภาพไว้ในไฟล์อัลบั้มก่อนครับ


ขั้นแรกต้องนำรูปภาพเข้าระบบก่อนครับ (Upload) เข้าไว้ในอัลบั้มรูปหรือที่ ดร.จันทวรรณตั้งชื่อไว้ว่า ไฟล์บั้ม


เมนูอยู่แผงควบคุมครับ


พอเข้าเข้าไปในหน้าต่างของแผงควบคุมปุ๊บปุ๊บ ก็ให้เลือกเมนูที่เขียนว่า "นำไฟล์ขึ้น"


จากนั้นก็คล้าย ๆ กับวินโดว์ทั่วไปครับ


กด Browse แล้วก็ไปเลือกไฟล์ที่เราต้องการนำขึ้นเก็บไว้
ป.ล. รูปที่นำมาขึ้น ไฟล์ไม่ควรใหญ่มากครับ (ไม่น่าจะเกิน 100 Kb) เพื่อความสวยงามและความรวดเร็วในการทำงานครับ

  • ไฟล์ใหญ่เวลามาลงในบันทึกรูปก็ใหญ่ตามไปด้วยครับ ถ้าเรานำมาลงแล้วมีการปรับขนาด ถ้ามือไม่นิ่งจริง ๆ เวลาที่ลากปรับขนาดอาจจะทำให้แนวกว้างและยาวไม่ได้มาตรฐานเหมือนรูปเดิม หน้าตาคนอาจจะดูแปลกประหลาดไปได้ครับ
  • หรือถ้าเราทำไฟล์เล็กไปเวลานำมาลงแล้วต้องขยาย ก็จะทำให้รูปดูแตก ไม่สวยงามเท่าที่ควรครับ..

มาต่อกันที่การลงรูปนะครับ

จากนั้นเมื่อนำไฟล์ขึ้นเสร็จแล้ว ก็จะเห็น URL (ลิงค์ของไฟล์) ตรงใต้รูปภาพครับ
อาทิเช่น http://gotoknow.org/file/papangkorn/coop011.jpg

จากนั้นเมื่อเราต้องการจะนำรูปภาพเข้ามาใส่และเติมในบันทึก


เวลาที่เราพิมพ์บันทึกจะมีแถบเครื่องมือ อยู่ด้านบนของกล่องข้อความนี้ครับ
ให้เราเลือกคลิ๊กเข้าไปที่เมนูที่เป็นรูปต้นไม้ครับ อยู่แถวที่สองหรือแถวล่างครับ เอียงไปทานด้านขวานิดหน่อยครับ

ถ้าท่านใดไม่มีแถบเครื่องมือนี้ของลง Internet Brower  ตัวใหม่นะครับ

เพราะตอนแรกผมก็จะปัญหาไม่มีแถบเครื่องมือขึ้นครับ อาจจะเป็นที่ Explorer ของเรามีปัญหา แต่มีหลาย ๆ ท่านแก้ไขปัญหานี้ได้ครับ ถ้าอย่างไรขออนุญาตเข้ามาเติมเต็มประเด็นนี้อีกครั้งนะครับ  เรื่องของแถบเครื่องมือไม่ขึ้นครับ


จากกนั้นก็จะมีช่องให้ใส่ URL (Image URL) ครับ


เราก็คัดลอก (copy) URL มาใส่ตรงบรรทัดบนสุดครับ (Image URL)
จากนั้นก็กด Insert ครับ
รูปภาพก็จะลงมาอยู่ในบันทึกอย่างเรียบร้อยครับ

เมื่อรูปภาพลงมาอยู่ในบันทึกแล้ว เราก็ปรับขนาดและจัดรูปภาพได้ตามใจปรารถนาครับ

 


การแทรกรูปภาพเจ้าของบล็อก

ระบบการแสดงภาพของตนเอง (เจ้าของบล็อค) ก็ใช้เทคนิคคล้าย ๆ กันครับ

ขั้นแรกก็นำไฟล์ (Upload) เข้าไปใส่ในไฟล์อัลบั้มก่อนครับ ขั้นตอนการ Upload เหมือนกันหมดครับ

แต่จะแตกต่างตรงหน้าต่างที่จะใช้แทรกรูปภาพลงไปครับ

สำหรับรูปเจ้าของบล็อคนั้น เราก็เข้าไปที่แผงควบคุมเหมือนเดิมครับ

แต่คราวนี้เลือกที่ "แก้ไขประวัติส่วนตัว"

ในช่องแรกบนสุดเราจะเห็นเมนูที่เขียนว่า "ลิงค์ที่อยู่ของรูป" แล้วก็มีช่องว่างอยู่ด้านหลัง

เราก็ทำการ Copy URL ของภาพที่เรานำขึ้นมาใส่ไว้ในอัลบั้มเรียบร้อยแล้ว copy แล้วก็ paste ลงไปในช่องนั้นครับ แล้วก็กดบันทึกเก็บ

แค่นี้ก็เรียบร้อยแล้วครับ

เทคนิคเล็ก ๆ สำหรับการทำรูปเจ้าของบล็อกครับ

รูปภาพควรเป็นรูปแนวตั้ง และปรับขนาดให้อยู่ที่ประมาณ 180*120 ครับ

แต่ถ้าเป็นรูปภาพที่เราตัดออกมาเอง ขนาดอาจจะไม่ได้มาตรฐานเป็น 180*120 ก็ต้องลองบวกลบคูณหาร ลดทอนขนาดให้ใกล้เคียงมากที่สุดครับ

เพื่อที่จะได้นำมาใส่ในช่องได้พอดีครับ

ใหญ่ดีกว่าเล็กครับ ก็คือ เมื่อตัดออกมาแล้วอาจจะได้ขนาด 190*120 หรือ 180*135 ก็ถือว่าอยู่ในเกณฑ์ดีและพอใช้ได้ครับ

เพราะถ้าเราตัดด้วยมือจากโปรแกรม ACD see ก็อาจจะได้เกินบ้างขาดบ้างครับ อาจจะไม่เป๊ะ ๆ เหมือนกับภาพที่ถ่ายมาแล้ว Resize ครับ

เพราะถ้านำรูปทั้งใบมาลง ก็จะเห็นหน้าเราเท่ามดเลยครับ

บางครั้งก็อาจจะต้องตัดเฉพาะส่วนหน้าออกมา รูปภาพก็เลยอาจจะไม่ได้ขนาดมาตรฐานครับ

ถ้าตัดแล้วก็ลองปรับขนาดแล้วทดลองลงดูนะครับ ลงได้แก้ไขได้ครับ

แต่ถ้ายังไม่ชัวร์จริง ๆ ก็อาจจะกดเลือกที่แถบเมนู "ไม่แสดงบันทึกต่อผู้อื่น" ไว้ก่อนก็ได้ครับ จะได้เกิดความสบายใจทั้งผู้ลงและผู้เข้ามาอ่าน เพราะว่าเรากำลังแก้ไขปรับปรุงครับ


 

ปัญหาที่เคยพบเพิ่มเติม

หลังจากที่พอมีประสบการณ์จากการที่ได้ทำบล็อกเองก็ดีหรือที่ได้เคยแนะนำเพื่อน ๆ ได้ใช้บล็อกก็ดี ก็เห็นปัญหาอีกหนึ่งอย่างครับที่เคยเจอหลายครั้ง

ก็คือการนำรูปภาพจาก โปรแกรมไมโครซอฟท์เวิร์ด มา Upload เป็นไฟอัลบั้ม ซึ่งจะไม่สามารถนำมาแทรกในบันทึกได้ครับ

เพราะไฟล์รูปภาพที่ถูกจัดเก็บและบันทึกอยู่ในโปรแกรม Microsoft Word จะเป็นไฟล์เอกสารนามสกุล doc รูปภาพที่อยู่ในนั้นจะนำมา upload ไม่ได้ครับ หรือแม้กระทั่งรูปภาพที่อยู่ใน Power point ก็จะเป็นนามสกุล ppt ครับ

หลักการก็คือ ต้องนำไฟล์ที่เป็นไฟล์รูปภาพเท่านั้น มา Upload ครับ ถึงจะแทรกรูปภาพได้

ถ้าเราเซฟมาในเวิร์ดหรือ Power point ก็ต้องไปแปลงไฟล์ทีละรูปแล้วก็เซฟใหม่เป็นนามสกุลรูปภาพ เช่น .jpg .bmp ฯลฯ แล้วจึงนำมา Upload ได้ครับ ค่อนข้างยุ่งยากครับ เอาไปไฟล์รูปมาเลยง่ายที่สุดครับ จะไม่เหมือนกับที่เรา คลิ๊กขวาจาก Internet แล้วก็ copy มาวางในเวิร์ด

เวิร์ดทำได้ครับแต่บล็อกทำแบบเวิร์ดไม่ได้ครับ

ที่ง่ายที่สุดก็คือ นำไฟล์รูปภาพนั้นมา Uploadg เลยครับ สะดวกที่สุดครับ

เทคนิคเล็ก ๆ เพิ่มเติม

ขนาดไม่ควรเกิน 100 kb ครับ ก็จะทำให้ดูสวยงาม ไม่ต้องต่อขยาย เพราะจะทำให้รูปแตกได้ครับ และรวดเร็วทั้งในส่วนของการ upload และพิมพ์บันทึกครับ

อีกประเด็นหนึ่งเล็ก ๆ ก็คือ ควรตั้งชื่อรูปภาพเป็นภาษาอังกฤษครับ มิฉะนั้นชื่อรูปภาพจะยาวมากครับ ไม่มีปัญหาอะไรกับการลงครับ แต่อาจจะดูยาวแปลกหน้าไปหน่อยครับ ถ้าตั้งชื่อรูปภาพมาเป็นภาษาไทยครับ

ประมาณนี้ครับ http://gotoknow.org/file/papangkorn/%E0%B8%9B%E0%B9%89%E0%B8%B2%E0%B8%9A%E0%B8%A7%E0%B8%A1.JPG (ตั้งชื่อเป็นภาษาไทย)

ถ้าตั้งชื่อเป็นภาษาอังกฤษ http://gotoknow.org/file/papangkorn/coop011.jpg

ก็จะดูสั้นสบายตาครับ แต่ก็ลงแทรกในบันทึกได้เหมือนกันครับ


บันทึกนี้ก็เป็นเทคนิคเล็ก ๆ น้อย ๆ ครับสำหรับการลงภาพในบันทึก

ถ้าเพื่อน ๆ พี่ ๆ น้อง ๆ มีเทคนิคอะไรเพิ่มเติมก็นำมาแลกเปลี่ยนกันนะครับ

เพราะแต่ละคนแต่ละท่านอาจจะประสบพบเจอปัญหาที่แตกต่างกันครับ

บางครั้งเราคิดว่าไม่ใช่เป็นปัญหาของเรา เป็นปัญหาง่าย ๆ แต่บางครั้งก็เป็นปัญหาสำคัญสำหรับท่านอื่น ๆ ครับ

มาร่วมแลกเปลี่ยนเรียนรู้ เติมเต็มและต่อยอดซึ่งกันและกันครับ เพื่อสร้างสรรค์ G2K ให้สวยงามน่าอยู่และเต็มไปด้วยความศานติสุขครับ

ปภังกร วงศ์ชิดวรรณ

 

บันทึกนี้เขียนที่ GotoKnow โดย 

หมายเลขบันทึก: 46729, เขียน: , แก้ไข, , สัญญาอนุญาต: ไม่สงวนสิทธิ์ใดๆ, ดอกไม้: 1, ความเห็น: 12, อ่าน: คลิก

ความเห็น (12)

sompornp
IP: xxx.28.27.6
เขียนเมื่อ 

ขออีกเรื่องได้ไหมค่ะ  แทรกเพลงค่ะ

nidnoi
เขียนเมื่อ 

ขอเพิ่มเติมค่ะ
รูปที่ upload ขึ้นไปแล้ว   สามารถ copy  แล้ว paste ลงในบันทึกได้โดยตรงค่ะ
โดยไปที่ ไฟล์อัลบั้ม   
กด download ที่รูปที่ต้องการเพื่อให้แสดงขนาดจริง  
แล้วคลิกขวาที่รูปนั้น   
เลือก copy   
กลับมาที่บันทึก   
เลือกตำแหน่งที่จะวางรูป  
คลิกขวา   แล้วเลือก paste

  • เป็นคำขอและคำถามที่โดนใจผมมาก ๆ เลยครับคุณ sompornp
  • เพราะผมก็เคยคิดอยากที่จะทำเหมือนกันครับ
  • เคยเปิดเจอในหลาย ๆ เวปที่เปิดแล้วมีเพลงขึ้น
  • แต่ไม่รู้ว่าทาง G2K ทำได้หรือเปล่าครับ
  • ปัญหาไม่น่าจะใช่ทางเทคนิคน่ะครับว่าได้หรือไม่ได้ เพราะเรื่องแทรกเพลงนั้นไม่ยากครับ
  • แต่ปัญหาอาจจะเป็นเรื่องของเป้าหมายหลักของ G2K ในการสร้าง Web log อันนี้น่ะครับ
  • เพราะถ้าใส่เพลงได้ อาจจะกลายเป็นเวปไซด์หรือ Blog เพื่อการบันเทิงมากไปหรือเปล่าก็ไม่ทราบเหมือนกันครับ หรืออาจจะเป็นพื้นที่ที่จะต้อง upload เพลงขึ้นไปก่อนซึ่งจะต้องใช้พื้นที่มากมายมหาศาลอยู่เหมือนกันครับ
  • เพราะพื้นที่ที่เราใช้กันอยู่ทุก ๆ วันนี้ ทุกตัวอักษรที่เราลงไป ทุกรูปที่ Upload กันไว้ในไฟล์อัลบั้ม มาจากเงินภาษีของพี่น้องประชาชนชาวไทยครับ ก็อาจจะต้องคิดกันหนักเหมือนกันครับเรื่องของไฟล์ เพลงและข้อมูลต่าง ๆ ที่นำมา upload ไว้และนำมาแทรกไว้ในบันทึกต่าง ๆ ครับ เพราะทุกอย่างเป็นต้นทุนซึ่งมาจากภาษีของพี่น้องเรากันเองครับ
  • ขออนุญาตตอบแบบไม่ตอบนะครับ เพราะต้องลองถามผู้ดูแลระบบ ดร.จันทวรรณ ดูอีกทีนะครับ เพราะคำตอบนี้ผมก็ไม่ทราบเหมือนกันครับ
  • ขออภัยและขอบพระคุณอย่างสูงในคำขอและคำถามครับ
  • ขอบพระคุณเป็นอย่างยิ่งเลยครับคุณ nidnoi ที่เข้ามาเติมเต็มครับ
  • เทคนิคที่คุณ nidnoi พูดถึง สามารถนำมาใช้สำหรับการแทรกรูปภาพใน "การแสดงความคิดเห็น" ได้ด้วยใช่หรือเปล่าครับ
  • เพราะในแถบเครื่องมือที่แสดงความคิดเห็น ไม่มีให้แทรกรูปภาพ
  • ถ้าจะแทรกรูปภาพลงในข้อคิดเห็นก็สามารถใช้เทคนิคที่คุณ nidnoi บอกได้ครับ
  • ขอบพระคุณเทคนิคที่ง่ายและลัดขึ้นอีกหนึ่งขั้นตอนครับ
  • พลังของ G2K จงอยู่กับท่านตลอดไปครับ (ขอยืมจาก Star wars มาใช้ครับ)

 

บวร
IP: xxx.170.228.172
เขียนเมื่อ 
  • ผมเข้ามาเก็บเกี่ยวเอาความรู้ทั้งจากอาจารย์ปภังกรและคุณ nidnoi
  • ขอบพระคุณท่านทั้ง ๒ มากครับ

ดิฉันตามคุณบวร มาค่ะ เลยได่เก็บเกี่ยวเอวการแทรกภาพในบันทึกจากคุณนิดหน่อย คุ้มจริงๆ อย่างนี้เขาเรียก....ตามบัณฑิต บัณฑิตพาไปหาผลค่ะ

  • ยินดีเป็นอย่างยิ่งครับอาจารย์บวร
  • ถ้าได้ผลอย่างไรหรือมีเทคนิคอะไรเพิ่มเติม นำมาแลกเปลี่ยนต่อยอดกันอีกนะครับ
  • ตอนนี้ผมพยายามฝึกฝนและทำตนให้เป็นบัณฑิตครับ (บัณฑิตต้องทำในสิ่งที่ถูกต้อง)
  • ยินดีเป็นอย่างยิ่งเลยครับคุณเมตตาครับ
  • เทคนิคของคุณ nidnoi เป็นเทคนิคที่ลัดและง่ายกว่าที่ผมทำครับ
  • G2K มีประโยชน์อย่างนี้แหละครับ
  • อะไรที่เขาแนะนำตามระบบอาจจะไม่ใช่สิ่งที่ดีที่สุด ใครมีวิธีลัดหรืออะไรก็นำมาแลกเปลี่ยนต่อยอดกันได้เลยครับ เปิดรับการเต็มที่เพื่อประโยชน์ร่วมกันครับ
nidnoi
เขียนเมื่อ 
ใช่แล้วค่ะ  คุณปภังกร
รูปที่ online บน web  เราสามารถ "หยิบยืม"  มาใช้ได้โดยวิธี copy  และ paste ได้ทุกที่ที่อยากวาง    ตราบใดที่เจ้าของภาพยังไม่ลบภาพนั้นออก    เราก็สามารถใช้ได้เรื่อยๆ
.
สำหรับเทคนิคอื่นๆ ก็ไม่รู้มากหรอกค่ะ     จะมีก็การใส่รูปในตาราง (อ.beeman เคยเขียนไว้)
.
สำหรับเทคนิคการคลิกขวา  สามารถใช้ได้กับทุกโปรแกรมค่ะ      "นึกอะไรไม่ออกให้คลิกขวา"
  • ได้เทคนิคใหม่ ๆ อะไรมากมายเลยหลังจากที่คุณ nidnoi ได้เข้ามาแลกเปลี่ยนความรู้และแชร์ประสบการณ์ครับ
  • และต้องขอขอบคุณมากสำหรับเทคนิคการแทรกรูปในตารางครับ เพราะตอนนี้ก็กำลังคิดจะนำตารางลงบันทึกเหมือนกันครับ
  • ขอพลังความรู้จงสถิตกับท่านตลอดไปครับ
  • เพิ่มเติมการแทรกรูปลงในข้อคิดเห็นค่ะ
  • เปิด html นะค่ะ พิมพ์ดังนี้ <IMG src="ลิ้งที่อยู่ของรูปค่ะ">  เช่น
  • <Img src="http://gotoknow.org/file/kadsanee/kadsanee_17.jpg">
  • ก็จะได้ผลดังนี้

  • ต้องขอบพระคุณคุณ kanom มาก ๆ เลยครับ
  • ผมก็เพิ่งได้ทราบเทคนิคดี ๆ จากคุณ kanom เป็นครั้งแรกเลยครับ
  • พอเห็นเทคนิคการเปิด html แล้วแทรก ทำให้นึกถึงสมัยหนุ่มๆ ครั้งที่ทำงานที่สำนักวิจัย สถาบันราชภัฏกำแพงเพชรครับ
  • ตอนนั้นผมเริ่มหัดเขียน web page เป็นครั้งแรกครับ
  • ตอนนั้นโปรแกรมยอดฮิตที่สุดก็คือ Edit plus .
  • ซึ่งตอนนั้นต้องหัดพิมพ์คำสั่ง สีแต่ละสีคำสั่ง Code ก็ไม่เหมือนกัน ต้องไปหา copy source และเรียนรู้เทคนิคตัววิ่ง การติดตั้งตัว counter คิดถึงเมื่อก่อนแล้วก็สนุกดีครับ
  • เขียน web page สมัยก่อนก็เป็นอะไรที่ยากและท้าทายดีครับ
  • ต้องขอบพระคุณคุณ kanoom มาก ๆ อีกครั้งหนึ่งสำหรับเทคนิคดี ๆ แบบนี้ครับ
  • ขอพลังความรู้จงสถิตกับท่านตลอดไปครับ