← กลับไป Design Guides

การใช้งานจริง · 6 นาที

ไฟล์โลโก้ AI, SVG, PDF, PNG ใช้อะไรกับงานพิมพ์และออนไลน์

เลือกไฟล์โลโก้สำหรับเว็บไซต์ โปรไฟล์ ป้าย และโรงพิมพ์ เข้าใจ vector กับ raster พร้อมเช็กสี ฟอนต์ รูปที่ลิงก์ และรายการส่งมอบก่อนใช้งาน

Logo Files for Print and Digital: AI, SVG, PDF and PNG

01

เลือกไฟล์จากงานปลายทางก่อน

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

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

02

Vector กับ raster ต่างกันอย่างไร

Vector เก็บรูปทรงด้วยเส้นและจุด จึงปรับขนาดรูปทรงได้โดยไม่ติดข้อจำกัดจำนวนพิกเซลแบบภาพ raster ส่วน PNG และ JPEG เป็นภาพพิกเซล จึงต้องเตรียมขนาดให้เหมาะกับการใช้งาน

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

อ้างอิง: Adobe: ความแตกต่างระหว่าง raster และ vector

03

ไฟล์แต่ละแบบใช้กับอะไร

เริ่มจากรูปแบบต่อไปนี้ แล้วตรวจว่าผู้รับไฟล์หรือแพลตฟอร์มรองรับรูปแบบใดก่อนส่งออก

  • AI: เก็บต้นฉบับ Illustrator สำหรับการแก้ไขและส่งต่องานออกแบบ โดยตรวจฟอนต์กับภาพที่ลิงก์ไว้ด้วย
  • SVG: เหมาะกับโลโก้ vector บนเว็บไซต์ที่รองรับรูปแบบนี้ ควรตรวจรูปลักษณ์เมื่อเปิดในหน้าเว็บจริง
  • PDF: ใช้ส่งต่อ artwork หรือเตรียมงานพิมพ์ตามข้อกำหนดของผู้ผลิต ต้องตรวจขนาด สี และเนื้อหาภายในไฟล์
  • PNG: ใช้เมื่อระบบต้องการภาพพิกเซลและพื้นหลังโปร่งใส เช่น การวางโลโก้บนสื่อออนไลน์ ควรเลือกขนาดให้พอกับการใช้งาน
  • JPEG: ใช้กับภาพตัวอย่างหรือภาพที่มีพื้นหลังแล้ว โดยไม่มีพื้นหลังโปร่งใส

อ้างอิง: Adobe: การบันทึกไฟล์ artwork

อ้างอิง: Adobe: การใช้ไฟล์ SVG

อ้างอิง: Adobe: JPEG และ PNG ต่างกันอย่างไร

04

ก่อนส่งโรงพิมพ์ ให้ยืนยันสเปกกับผู้ผลิต

ขอขนาดจริง วัสดุ วิธีผลิต และชนิดไฟล์ที่ผู้ผลิตต้องการก่อนเตรียม artwork หากงานมีการตัดขอบ ให้ยืนยันระยะตัดตกและพื้นที่ปลอดภัยของงานชิ้นนั้น การส่งเฉพาะโลโก้กับการส่งแบบป้ายหรือกล่องที่พร้อมผลิตมีรายละเอียดที่ต้องเตรียมต่างกัน

ยืนยันโหมดสีและ color profile ตามกระบวนการพิมพ์ที่ใช้ สีที่เห็นบนหน้าจอเป็นเพียงส่วนหนึ่งของการตรวจงาน ควรตรวจ proof หรือชิ้นตัวอย่างตามความเหมาะสมก่อนผลิตจริง โดยเฉพาะเมื่อสีเป็นจุดสำคัญของแบรนด์

อ้างอิง: Adobe: การพิมพ์ด้วยระบบจัดการสี

05

ไฟล์เปิดได้ครบเมื่อย้ายไปอีกเครื่อง

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

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

อ้างอิง: Adobe: Package ไฟล์ Illustrator และทรัพยากรประกอบ

06

เช็กชุดไฟล์โลโก้ก่อนเริ่มใช้งาน

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

  • แยกต้นฉบับ ไฟล์สำหรับออนไลน์ และไฟล์ส่งต่อผู้ผลิตให้หาได้ง่าย
  • ระบุเวอร์ชันสีหลัก สีเดียว หรือพื้นหลังที่แต่ละไฟล์ออกแบบไว้รองรับ
  • ทดลองวางไฟล์ออนไลน์ในขนาดที่จะใช้จริง และตรวจว่าตัวอักษรกับรายละเอียดอ่านออก
  • ตรวจชื่อแบรนด์ ขนาด และทรัพยากรประกอบก่อนส่งไฟล์ไปผลิต
  • เก็บชุดที่อนุมัติแล้ว พร้อมชื่อเวอร์ชันหรือวันที่ เพื่อให้ทีมใช้ต้นฉบับเดียวกัน

Continue reading

อ่านต่อเพื่อเตรียมงานให้ชัดขึ้น

การใช้งานจริง

ทำไมโลโก้สวยแต่ใช้งานจริงไม่ได้

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

อ่าน ทำไมโลโก้สวยแต่ใช้งานจริงไม่ได้

Brand Identity

เลือกสีแบรนด์สำหรับธุรกิจขนาดเล็กอย่างไร

วางระบบสีให้แบรนด์ใช้งานง่าย สม่ำเสมอ และไม่ผูกอยู่กับสีเดียวบนหน้าจอหรือภาพตัวอย่าง

อ่าน เลือกสีแบรนด์สำหรับธุรกิจขนาดเล็กอย่างไร

วางงบและขอบเขตงาน

ออกแบบโลโก้ราคาเท่าไร? เช็กขอบเขตก่อนเทียบราคา

ประเมินราคาออกแบบโลโก้จากสิ่งที่ธุรกิจต้องใช้จริง เปรียบเทียบ Logo, Logo Guide และ Brand CI พร้อมรายการเช็กก่อนขอใบเสนอราคา

อ่าน ออกแบบโลโก้ราคาเท่าไร? เช็กขอบเขตก่อนเทียบราคา

Design services

บริการที่เกี่ยวข้องกับเรื่องนี้

ดูแนวทางงาน ขอบเขต และสิ่งที่ควรเตรียมก่อนเริ่มบรีฟ

Start a project

พร้อมเปลี่ยนโจทย์ให้เป็นระบบแบรนด์หรือยัง?

ส่งข้อมูลที่มีอยู่มาได้เลย ไม่จำเป็นต้องเตรียม Brief สมบูรณ์ตั้งแต่วันแรก

เริ่มต้นพูดคุย ↗