ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"

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

แต่ทราบหรือไม่คะว่า มีเครื่องมือในเว็บไซต์สำเร็จรูป ReadyPlanet ระบบ VelaClassic ที่สามารถย่อขนาดรูปภาพที่จะแสดงผลบนหน้าเว็บไซต์ได้อัตโนมัติ  ซึ่งมีส่วนช่วยอย่างมาก สำหรับผู้ที่ไม่อยากเสียเวลาหรืออาจไม่มีความชำนาญในการใช้โปรแกรมย่อขนาดรูปภาพก่อนอัพโหลด เพราะสามารถย่อภาพขนาดใหญ่ให้ภาพมีขนาดเล็กลงได้ทันทีที่มีการอัพโหลดรูปภาพผ่านเครื่องมือ Upload Image  และทำให้ประหยัดขนาดพื้นที่ในการใช้งานเว็บไซต์อีกด้วยค่ะ โดยมีวิธีการตั้งค่าและใช้งานดังนี้ค่ะ

 

1. Log in เข้าส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกเมนู "ตั้งค่าพื้นฐานเว็บไซต์"

 

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

 

3. เมื่อตั้งค่ากำหนดขนาดของรูปภาพแล้ว จากนั้น ให้คลิก Edit แก้ไขเมนูที่ต้องการอัพโหลดรูปภาพด้วยเครื่องมือ Upload Image หรือ Easy Upload Image เช่น รายละเอียดบทนำ , เนื้อหาของบทความ, เมนูหลัก เมนูย่อยชนิดสร้างหน้าใหม่ (P) เป็นต้น (ในที่นี้ยกตัวอย่างการแก้ไขเมนูหลักค่ะ)

 

4. ในส่วนรายละเอียดจัดการเมนูหลัก คลิกเครื่องมือสำหรับใส่รูปภาพ   (Easy Upload Image) 

 

5. ปรากฎหน้าต่าง Easy Upload Image จากนั้น

     5.1 คลิกปุ่ม "Browse"

     5.2. ปรากฎหน้าต่าง Choose File to Upload ให้คลิกเลือกรูปภาพที่ต้องการอัพโหลดจากเครื่องคอมพิวเตอร์ของท่าน โดยท่านสามารถดูขนาดภาพต้นฉบับได้โดยการนำเมาส์ไปชี้ที่รูปภาพที่ต้องการ จะปรากฎขนาดภาพ เช่น ภาพตัวอย่างมีความกว้าง 700 Pixels x ความสูง 560 Pixels เป็นต้น 

     5.3. คลิก "Open"

 

6. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ของหน้าต่าง Easy Upload Image จะเห็นได้ว่าความกว้างของรูปภาพจาก 700 pixels จะถูกปรับเป็น 600 pixels อัตโนมัติ  โดยระบบจะยึดขนาดค่าที่สูงสุดเป็นหลัก เช่น ภาพตัวอย่างนี้ มีความกว้างมากกว่าความสูง ระบบจะเลือกปรับขนาดความกว้างจาก 700 Pixels ให้เหลือ 600 Pixels ตามที่ได้ตั้งค่าไว้  ส่วนความสูงของภาพจะปรับขนาดลดลงให้สมดุลกับความกว้างอัตโนมัติค่ะ

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

 

หมายเหตุ :

- การทำงานของฟังก์ชั่นนี้ใช้ในกรณีอัพโหลดรูปภาพใหม่เท่านั้น ระบบจะไม่ดำเนินการปรับขนาดรูปภาพที่มีอยู่เดิม

- รูปภาพที่มีขนาดความกว้าง และความยาว ไม่เกินขนาดที่กำหนด รูปภาพจะไม่ถูกปรับขนาด

- รูปภาพที่เป็น Animation (.gif ที่เป็น ภาพเคลื่อนไหว) ภาพนั้นจะไม่ถูกปรับขนาด

- หากเลือก "ไม่ปรับขนาด" รูปภาพจะแสดงขนาดตามต้นฉบับจริงค่ะ 

 

Jittima  Suebsook
www.ReadyPlanet.com




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
แนะนำการวาง Code Youtube ในเว็บไซต์
วิธีสร้างลิงก์ E-Mail
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
สร้างลิงก์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
สร้างรูปภาพเคลื่อนไหวแบบ Marquee
วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
เทคนิคการสร้างลิงก์เมนูและรูปภาพแบนเนอร์ ในพื้นที่ด้านล่างของเว็บไซต์
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
วิธีติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์กับ Google
วิธีติดตั้งโค้ด Google Analytics
วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงค์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร
วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก