← กลับไป 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 สมบูรณ์ตั้งแต่วันแรก

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