ความรู้ Magento ในไทย
Basic Tutorials

การใส่ลายน้ำให้ภาพสินค้า

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

ก่อนอื่นให้เตรียมรูปที่จะทำลายน้ำบนรูปสินค้าก่อน โดยเตรียมรูปที่มีพื้นหลังโปร่งใส และจะดียิ่งขึ้นหากทำรูปที่มีตัวอักษรสีดำ มีขอบขาวนิดหน่อย เพราะรูปลักษณะนี้จะสามารถมองเห็นได้ ไม่ว่ารูปสินค้าของเราจะมีสีขาวหรือดำ ในที่นี้ผมเตรียมรูปที่มีพื้นหลังโปร่งใส ขนาด 400×400 pixel โดยมีอักษรลายน้ำอยู่มุมบนซ้าย
water-1

ให้ทำการ login เข้าสู่ระบบหลังร้าน แล้วไปที่เมนู Systems > Configurations > Design > Product Image Watermasks
1

ลายน้ำของรูปจะแบ่งเป็น 3 รูปหลัก คือ

  • Base Images คือรูปที่ใหญ่ที่สุดในหน้ารายละเอียดสินค้า
  • Small Images คือรูปในหน้า Catalog สินค้าที่เรียงกันเยอะๆ
  • Thumbnail เป็นรูปขนาดเล็กสุด จะแสดงในหน้าตะกร้าสินค้า หรือรูปที่มีขนาดเล็กมากๆ

ให้ทำการใส่ข้อมูลต่างๆ ให้ครบถ้วนจ โดยข้อมูลมีดังนี้

  • Watermark Default Size ให้ระบุขนาดของลายน้ำ โดยจะอยู่ในรูปแบบ กว้างxสูง
    ขนาดที่ระบุควรมีขนาดเล็กกว่าขนาดรูปจริง เพื่อความชัดเจน
  • Watermark Opacity คือความโปร่งใสของรูป Watermark ในที่นี้กำหนดไว้ 10%
  • Image Watermark ให้ Browse เลือกรูปที่เราเตรียมไว้ โดยสามารถใช้รูปเดียวกันได้ (Browse เลือกรูป 3 ครั้ง สามารถเลือกรูปเดียวกันได้เลย)
  • Image Watermark Position ตำแหน่งของลายน้ำ ซึ่งมีหลายแบบดังนี้
    – Stretch – ยืดให้เต็ม
    – Tile – เรียงต่อกันเหมือนปูกระเบื้อง
    – Top/Left – อยู่ที่มุมบนซ้าย
    – Top/Right – อยู่ที่มุมบนขวา
    – ฺBottom/Left – มุมล่างซ้าย
    – ฺBottom/Left – มุมล่างซ้าย
    – Center อยู่ตรง

image-position

เมื่อ Save แล้วก็จะได้ผลลัพธ์ดังภาพ ถ้าลายน้ำดูจางไป อาจปรับค่า Opacity เพิ่ม
10