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จัดการแบบฟอร์มติดต่อกลับ


ปรับขนาดรูปภาพอย่างง่ายด้วย Resize Image Upload

สมาชิก ReadyPlanet หลายท่านอาจเคยประสบปัญหาเรื่องรูปภาพที่จะใส่ในเว็บไซต์มีขนาดใหญ่เกินไป  และต้องใช้เวลาในการ Resize หรือย่อขนาดรูปภาพก่อนการอัพโหลดทุกครั้ง วันนี้ทางทีมงาน R&D ได้พัฒนาฟังก์ชั่น Resize Image Upload ซึ่งมีส่วนช่วยอย่างมาก สำหรับผู้ที่ไม่อยากเสียเวลาหรืออาจไม่มีความชำนาญในการใช้เครื่องมือ เพื่อย่อขนาดรูปภาพก่อนอัพโหลด อีกทั้งเครื่องมือนี้จะช่วยให้ท่านสามารถอัพโหลดรูปภาพได้อย่างสบายใจ  เพราะสามารถย่อภาพขนาดใหญ่ จากขนาด 2-3 MB. จะเหลือเพียง ไม่กี่ KB. เท่านั้น ทำให้ประหยัดขนาดพื้นที่ในการใช้งานอีกด้วยค่ะ โดยมีวิธีการใช้งานดังนี้ค่ะ
 

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




2. ที่หัวข้อ "ฟังก์ชั่น Resize Image Upload" เลือก "ปรับขนาด  กำหนดขนาดรูปภาพ" ใส่ขนาดรูปภาพที่ต้องการ และคลิก ตกลง




3. เมื่อทำการตั้งค่าแล้ว คลิกเมนู "จัดการกลุ่มบทความ/บทความ" และเลือก  ( เพิ่มบทความใหม่)




4. ในส่วนเนื้อหาของบทความ  ทำการอัพโหลดรูปภาพโดยใช้เครื่องมือ  Upload Image ( Text Editor เวอร์ชั่นใหม่เท่านั้น)




5. ปรากฎหน้าต่าง Image Properties เลือก Browse Server




6. จะปรากฎหน้าต่าง FCK editor ให้คลิกปุ่ม Browse และเลือกรูปภาพที่ต้องการอัพโหลดจากเครื่องคอมพิวเตอร์ของท่าน โดยท่านสามารถดูขนาดภาพต้นฉบับได้โดยการนำเมาส์ไปชี้ที่รูปภาพที่ต้องการ จะปรากฎขนาดภาพ เช่น ภาพตัวอย่างมีความกว้าง 700 Pixels X ความสูง 526 Pixels เป็นต้น และคลิก ปุ่ม Open




7. เมื่อคลิกคำสั่ง Open จะปรากฎที่อยู่ของไฟล์รูปภาพที่เลือก จากนั้นคลิกคำสั่ง Upload




8. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ




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

หมายเหตุ :
- การทำงานของฟังก์ชั่นนี้ใช้ในกรณีอัพโหลดรูปภาพใหม่เท่านั้น ระบบจะไม่ดำเนินการปรับขนาดรูปภาพที่มีอยู่เดิม
- รูปภาพที่มีขนาดความกว้าง และความยาว ไม่เกินขนาดที่กำหนด รูปภาพจะไม่ถูกปรับขนาด
- รูปภาพที่เป็น Animation (.gif ที่เป็น ภาพเคลื่อนไหว) ภาพนั้นจะไม่ถูกปรับขนาด
- หากเลือก "ไม่ปรับขนาด" รูปภาพจะแสดงขนาดตามจริง


23  Dec 2008
Jittima  Suebsook
www.ReadyPlanet.com




Text Editor

วิธีการ Insert ข้อความจาก Microsoft Word ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการอัพโหลดไฟล์ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการผสาน Cell โดยใช้เครื่องมือ Merge Cell Down article
เทคนิคการสร้างลิงค์จากบทความไปยังไฟล์เอกสาร
เทคนิคการสร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วย Text Editor เวอร์ชั่นใหม่
เทคนิคการผูกลิงค์รูปภาพไปยังไฟล์ข้อมูล
อัพโหลดรูปภาพอย่างง่ายด้วยเครื่องมือ Easy Upload Image
เทคนิคการสร้างลิงค์แบบเปิดหน้าต่างใหม่ ด้วย Text Editor เวอร์ชั่นใหม่
เทคนิคการนำเสนอสินค้า โดยใช้ตาราง และเครื่องมือ Vertical Split Cell article
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor ของ Text Editor เวอร์ชั่นใหม่
เครื่องมือ ทำตัวอักษรวิ่ง จากขวาไปซ้าย และจากซ้ายไปขวา
การทำภาพเคลื่อนไหวโดยใช้เครื่องมือMarquee
เทคนิคการผสานเซลล์ในช่องตาราง
เทคนิคการสร้างลิงค์แก่รูปภาพเคลื่อนไหวแบบ Marquee
ต้องการที่จะพิมพ์ข้อความให้อยู่ข้างๆรูปจะต้องทำยังไงค่ะ เพราะพิมพ์ข้อความเข้าไปแล้วอยู่ใต้รูปตลอดเลยค่ะ
ทำไมเว็บไซต์ของสมาชิกบางเว็บ มีการทำตัวอักษรเคลื่อนไหว วิ่งจากขวาไปซ้าย หรือจากซ้ายไปขวาได้
ต้องการให้ภาพเคลื่อนไหวได้ในหน้าเว็บไซต์ต้องทำยังไงบ้างค่ะ
เลือกเวอร์ชั่น Text Editor
อยากเรียกดู Souce code ที่เนื้อหาของบทความต้องเลือกที่คำสั่งใด
อยากยกเลิกหัวข้อที่ได้สร้างลิงค์ไว้เลือกที่คำสั่งใด
การเพิ่มช่องตารางโดยเครื่องมือ Horizontal Split Cell
เทคนิคการลบเส้นตารางของText Editor เวอร์ชั่นใหม่
วิธีการเพิ่มความหนาของเส้นขอบตาราง
เทคนิคการแก้ไขอักษรตัวหนาโดยเครื่องมือ Remove Format Text
เทคนิคการเปลี่ยนสีของแถบหัวข้อเมนูย่อย
เทคนิคการลบเส้นขอบของ link ด้วยText Editor เวอร์ชั่นใหม่
เทคนิคการผูกลิงค์ไปยังไฟล์ข้อมูล
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor article
เทคนิคในการสร้างลิงค์ รูปภาพเล็กไปภาพใหญ่ article
เทคนิคการสร้างลิงค์ในหน้าเดียวกัน article
เทคนิคการสร้างเส้นกราฟิกด้วยเครื่องมือ Horizontal Rule article
เทคนิคการสร้างกรอบรูปด้วยตาราง article
เทคนิคการลบแถวและคอลัมน์ในตาราง article
เทคนิคการทำตัวอักษรวิ่งด้วยคำสั่ง Marquee article
เทคนิคการเปลี่ยนรูปแบบตัวอักษรด้วยคำสั่ง Change Case article
เทคนิคการเพิ่มแถวในตาราง article
เทคนิคการเพิ่มคอลัมน์ในตาราง article
วิธีการ Insert ข้อความจาก Microsoft Word ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการตกแต่งรูปภาพง่ายๆด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการจัดตำแหน่งข้อความในตาราง article
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการใส่ตัวอักษรวิ่งในพื้นที่ด้านล่างของเว็บไซต์ article
เทคนิคการค้นหาและแทนที่ข้อความด้วยเครื่องมือ Search & Replace ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการใส่คำอธิบายรูปภาพเมื่อถูกเมาส์ article
เทคนิคการ Resize รูปภาพก่อน Upload เข้า Server ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการเพิ่มสีสันให้กับบทความด้วยเครื่องมือ Insert Special Characters article
เทคนิคการเพิ่มสีสันให้กับเส้นขอบตาราง article
เทคนิคการสร้างลิงค์จากรูปภาพแบบไม่มีเส้นขอบ article
การทำภาพเคลื่อนไหวต่อเนื่องโดยใช้เครื่องมือ Marquee article
วิธีการค้นหาข้อความในส่วนสมาชิก article
อัพเดทวันที่อย่างรวดเร็วด้วยครื่องมือ Insert Today's Date article
เทคนิคการใส่ Marquee ในตาราง article