แนะนำการทำเว็บสำเร็จรูป - ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
แนะนำการทำเว็บสำเร็จรูป - ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"

สมาชิก 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 ที่เป็น ภาพเคลื่อนไหว) ภาพนั้นจะไม่ถูกปรับขนาด
- หากเลือก "ไม่ปรับขนาด" รูปภาพจะแสดงขนาดตามต้นฉบับจริงค่ะ 


 


1 November 2011
Jittima  Suebsook
www.ReadyPlanet.com




เทคนิคการทำเว็บไซต์ (Howto)

เทคนิคการสร้างเส้นตรงคั่นระหว่างเนื้อหาหรือบทความด้วยเครื่องมือ Insert Horizontal Line
วิธีนำ Embed Post จาก Facebook, Twitter และ Google+ มาแสดงผลบนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
เว็บไซต์สำเร็จรูป - ติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - เจาะลึกเรื่องเมนูที่ควร Do และ Don't
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 2
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 1
เว็บไซต์สำเร็จรูป - เทคนิคการใส่ตารางในรายละเอียดสินค้าบนระบบร้านค้าออนไลน์
เว็บไซต์สำเร็จรูป - เทคนิคการปิดปรับปรุงเว็บไซต์ โดยใช้ Intro Page
เว็บไซต์สำเร็จรูป - ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
เว็บไซต์สำเร็จรูป - ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
เว็บไซต์สำเร็จรูป - ใส่กรอบและตกแต่งรูปภาพอย่างง่ายด้วยโปรแกรม PhotoScape
การทำเว็บเพื่อการตลาดออนไลน์ - ฟันธงแนวโน้มการตลาดออนไลน์
เว็บไซต์สำเร็จรูป - จัดระเบียบข้อมูลบนหน้าเว็บไซต์ด้วยเครื่องมือตาราง
แนะนำการทำเว็บสำเร็จรูป - วิธีอัพโหลดไฟล์เอกสารและสร้างลิงค์สำหรับดาวน์โหลด
การทำเว็บเพื่อการตลาดออนไลน์ - Website Check Up ตรวจสุขภาพเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
แนะนำการทำเว็บสำเร็จรูป - เทคนิคใส่ตัวอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - เทคนิคซ่อนเส้นขอบรูปภาพที่เกิดจากการสร้างลิงค์
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างภาพโลโก้ตัวอักษรอย่างง่าย
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดง Profile widget จาก Twitter ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - ทำอย่างไรให้เว็บไซต์เป็นที่นิยม
แนะนำการทำเว็บสำเร็จรูป - ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย
แนะนำการทำเว็บสำเร็จรูป - วิธีใส่เสียงเพลงในหน้าเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทิน
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์ตรวจสอบสถานะ EMS และไปรษณีย์แบบลงทะเบียนในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างรูปภาพเคลื่อนไหวแบบ Marquee
แนะนำการทำเว็บสำเร็จรูป - ประชาสัมพันธ์เว็บไซต์ด้วยแบนเนอร์แลกลิงค์
แนะนำการทำเว็บสำเร็จรูป - สร้างลูกเล่นให้เว็บไซต์ด้วย Chat Box
การทำเว็บเพื่อการตลาดออนไลน์ - สร้างธุรกิจให้ดังและโดนด้วย Social Network
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยแบนเนอร์เทศกาล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้าง QR Code และแสดงผลบนเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - E-Mail Marketing ทำการตลาดออนไลน์ด้วยอีเมล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
การทำเว็บเพื่อการตลาดออนไลน์ - Google Adwords สื่อโฆษณาที่ทรงพลัง
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์เมนูและรูปภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - แนะนำวิธีหากลืมรหัสผ่านเข้าสู่หน้าแก้ไขเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - การติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - Keyword ช่วยสร้างตัวตนบนโลกออนไลน์
แนะนำการทำเว็บสำเร็จรูป - สาเหตุและวิธีการแก้ไขหน้าเว็บไซต์ที่จำข้อมูลเดิม
การทำเว็บเพื่อการตลาดออนไลน์ - การเปลี่ยน Visitor เป็น Customer
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีเชื่อมต่อ Status จาก Twitter ไปยัง Facebook อัตโนมัติ
การทำเว็บเพื่อการตลาดออนไลน์ - รู้จักผู้เข้าชมเว็บไซต์ และวัดผลด้วย Google Analytics
แนะนำการทำเว็บสำเร็จรูป - เพิ่มลูกเล่นให้เว็บไซต์ด้วยหน้าต้อนรับ Intro Page
แนะนำการทำเว็บสำเร็จรูป - วิธีระบุที่ตั้งและแสดงแผนที่ Google Map บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
การทำเว็บเพื่อการตลาดออนไลน์ - ความหมายและความสำคัญของการจดทะเบียนโดเมนเนม
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการให้รายละเอียดสินค้าเพื่อปิดการขาย
การทำเว็บเพื่อการตลาดออนไลน์ - การสร้างความน่าเชื่อถือให้กับเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - จะเลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
แนะนำการทำเว็บสำเร็จรูป - จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการจัดการเมนูหลักที่สวยและดี
แนะนำการทำเว็บสำเร็จรูป - การเลือกรูปแบบเว็บไซต์และจัดโครงสร้างหน้าแรก
แนะนำการทำเว็บสำเร็จรูป - เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการเขียนบทความบนเว็บไซต์ให้น่าสนใจ
แนะนำการทำเว็บสำเร็จรูป - เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
แนะนำการทำเว็บสำเร็จรูป - 10 ข้อแนะนำ ก่อนเริ่มทำเว็บไซต์