Knowledge Hub

คลังแหล่งทรัพยากรกราฟิก 24 แหล่งสำหรับงานคอนเทนต์

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

ธุรกิจและรายได้อ่าน 12 นาทีเผยแพร่ 21 ตุลาคม 2569

🎯 แก่นของเรื่อง

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

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

20% ที่สำคัญที่สุด

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

ภาพรวม 8 หมวด 24 แหล่ง

มี 8 หมวด รวม 24 แหล่ง (จากภาพ)

หมวด จำนวน ใช้ทำอะไร แหล่งที่ระบุ
ICON 3 สัญลักษณ์เล็กประกอบข้อความและเมนู Iconmonstr, Flaticon, Icons8
Mockup 3 แสดงงานบนอุปกรณ์หรือสินค้าจริง Mockuuups Studio, Unblast, Smartmockups
Font 4 ตัวอักษรสำหรับพาดหัวและเนื้อหา Google Fonts, DaFont, FontSpace, Canva Font Library
VIDEO 2 คลิปประกอบงานเคลื่อนไหว Mixkit, Pixabay Videos
illustration 3 ภาพวาดและตัวละครประกอบ Humaaans, DrawKit, Icons8 Illustrations
Reference 3 หาแรงบันดาลใจและตัวอย่างงาน Pinterest, Behance, Land-book
Color Palette 3 หาและสร้างชุดสี Coolors, Color Hunt, MyColor.Space
Picture 3 ภาพถ่ายสต็อก Pexels, StockSnap, Unsplash
flowchart LR
    A[โจทย์งาน] --> B[Reference]
    B --> C[Color Palette]
    C --> D[Font]
    D --> E[Picture / illustration / ICON / VIDEO]
    E --> F[Mockup]
    F --> G[ตรวจลิขสิทธิ์]
    G --> H[เผยแพร่]

ลำดับในแผนภาพเป็นข้อเสนอของเราสำหรับเรียงขั้นตอนทำงาน ภาพต้นทางแสดงแค่การจัดกลุ่มแหล่ง (ตีความ)

ช่วยให้ดีขึ้นอย่างไร

สถานการณ์ ถ้าไม่มีระบบหมวด ถ้ามีระบบหมวด วัดอย่างไร หลักฐาน
ต้องการไอคอนหรือภาพ ค้นเว็บทั่วไป ได้ผลปนกันหลายสไตล์ เปิดแหล่งตามหมวดโดยตรง นับนาทีตั้งแต่เริ่มหาถึงได้ชิ้นที่ใช้ ตีความ
ชุดสีไม่ลงตัว เลือกสีด้วยสายตา สร้างหรือเลือกจากชุดสีสำเร็จรูป ให้ผู้ดู 3 คนให้คะแนนความกลมกลืน 1 ถึง 5 ก่อนและหลัง ยังไม่ทดสอบ
นำเสนอผลงาน ส่งไฟล์ภาพแบนราบ วางงานในม็อกอัปให้เห็นการใช้งานจริง อัตราตอบรับหรืออัตราคลิกของโพสต์ก่อนและหลัง ยังไม่ทดสอบ
ความเสี่ยงลิขสิทธิ์ หยิบภาพจากการค้นหาโดยไม่รู้เงื่อนไข จดแหล่งและเงื่อนไขทุกชิ้นที่ใช้ จำนวนชิ้นงานที่มีบันทึกที่มาครบ ตีความ
ความครบของแหล่ง ไม่รู้ว่าขาดชิ้นส่วนอะไร เห็นครบ 8 ชนิดชิ้นส่วน เช็กลิสต์ 8 หมวดก่อนเริ่มงาน จากภาพ (โครงหมวด)

ภาพต้นทางไม่มีตัวเลขเวลาหรือผลลัพธ์ ประโยชน์ทุกข้อจึงยังไม่ใช่ค่าที่วัดแล้ว

🧩 รายละเอียดแต่ละหมวด

ICON

ไอคอนคือสัญลักษณ์ขนาดเล็กที่ช่วยให้ข้อความสแกนอ่านเร็วขึ้น

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

ข้อมูลในคอลัมน์จุดเด่นมาจากความรู้ทั่วไป ยังไม่ได้ทดสอบ

Mockup

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

แหล่ง ใช้เมื่อ
Mockuuups Studio ต้องการฉากอุปกรณ์สำหรับนำเสนอแอปหรือเว็บไซต์
Unblast ต้องการแม่แบบสำหรับงานพิมพ์และแบรนด์ดิ้ง
Smartmockups ต้องการสร้างม็อกอัปทางเว็บอย่างรวดเร็วโดยไม่ต้องเปิดโปรแกรมตกแต่งภาพ

คอลัมน์ "ใช้เมื่อ" เป็นการตีความของเรา

Font

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

แหล่ง หมายเหตุ
Google Fonts ฟอนต์เปิดให้ใช้ได้ทั้งบนเว็บและในงานออกแบบ รองรับภาษาไทยหลายตัว
DaFont มีฟอนต์ตกแต่งมาก แต่แต่ละตัวกำหนดสิทธิ์เอง บางตัวใช้ส่วนตัวเท่านั้น
FontSpace แสดงข้อมูลสิทธิ์ของแต่ละฟอนต์ในหน้ารายละเอียด
Canva Font Library ฟอนต์ที่ใช้ได้ภายในเครื่องมือออกแบบ Canva

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

VIDEO

แหล่ง ใช้ทำอะไร
Mixkit คลิปวิดีโอสำเร็จรูปสำหรับฉากประกอบหรือพื้นหลัง
Pixabay Videos คลิปสต็อกหลากหมวดสำหรับงานตัดต่อสั้น

ใช้คลิปเป็นฉากเสริม อย่าใช้แทนเนื้อหาหลักของงาน (ตีความ)

illustration

แหล่ง ลักษณะ
Humaaans ชุดตัวละครคนที่นำส่วนต่าง ๆ มาประกอบเป็นท่าทางเองได้
DrawKit ชุดภาพประกอบสไตล์เดียวกันเป็นแพ็ก
Icons8 Illustrations ภาพประกอบหลายสไตล์ในระบบเดียวกับไอคอน

ข้อมูลในตารางมาจากความรู้ทั่วไป ข้อสำคัญคือเลือกชุดเดียวต่อหนึ่งงานเพื่อให้เส้นและสีเข้ากัน (ตีความ)

Reference

แหล่ง ใช้ทำอะไร
Pinterest เก็บภาพแรงบันดาลใจเป็นบอร์ดตามธีม
Behance ดูผลงานเต็มโปรเจกต์ของนักออกแบบ เห็นกระบวนการคิด
Land-book ดูตัวอย่างหน้าเว็บไซต์ที่คัดมา ใช้ศึกษาโครงสร้างหน้า

Reference ใช้ศึกษาองค์ประกอบ สี และการจัดวาง ไม่ใช่คัดลอกงานของผู้อื่น

Color Palette

แหล่ง วิธีใช้
Coolors สร้างชุดสีแบบสุ่มและล็อกสีที่ชอบ แล้วสร้างใหม่ที่เหลือ
Color Hunt เลือกจากชุดสีที่คัดมาแล้ว
MyColor.Space สร้างชุดสีจากภาพที่นำเข้า

ชุดสีที่ดีมักมี สีหลัก 1 สีรอง 1 ถึง 2 และสีเน้น 1 (ตีความ) บันทึกรหัสสีเป็น HEX หรือ RGB เพื่อใช้ซ้ำได้ตรงกัน

Picture

แหล่ง หมายเหตุ
Pexels ภาพถ่ายสต็อกให้ใช้ฟรีตามเงื่อนไขของเว็บ
StockSnap ภาพถ่ายสต็อกฟรี
Unsplash ภาพถ่ายคุณภาพสูงจากช่างภาพ ใช้ฟรีตามเงื่อนไขของเว็บ

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

ลองใช้

ตัวอย่างประกอบ: โปสเตอร์โปรโมชันร้านกาแฟ

ตัวเลขในตัวอย่างนี้เป็นของเราเอง เพื่อให้คำนวณซ้ำได้

ขั้น หมวด สิ่งที่ทำ เวลาตั้งใจไว้ (นาที)
1 Reference เก็บโปสเตอร์ร้านกาแฟ 5 ชิ้นลงบอร์ด สรุปสิ่งที่ชอบ 3 ข้อ 10
2 Color Palette เลือกชุดสี 4 สี โทนน้ำตาลกับครีม 5
3 Font เลือกฟอนต์พาดหัว 1 ตัว เนื้อหา 1 ตัว 5
4 Picture หาภาพกาแฟ 1 ภาพ 5
5 ICON เลือกไอคอนถ้วยกับนาฬิกาจากชุดเดียวกัน 2 ชิ้น 5
6 Mockup วางโปสเตอร์บนป้ายหน้าร้านเพื่อดูภาพรวม 5
7 ตรวจสิทธิ์ จดเงื่อนไขของภาพ ฟอนต์ ไอคอน 5
รวม 40

ผลรวม 10 + 5 + 5 + 5 + 5 + 5 + 5 = 40 นาที ถ้าจริงเกินนี้มาก แปลว่าขั้นไหนควรตัดให้เหลือแหล่งเดียว

ควรใช้และไม่ควรใช้

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

ก้าวแรกที่เล็กที่สุด

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

วิธีตรวจว่าดีขึ้น

รายการ วิธี
ตัวชี้วัด เวลารวมตั้งแต่เริ่มจนได้งานพร้อมเผยแพร่ และคะแนนความสวยจากผู้ดู 3 คน (1 ถึง 5)
ค่าเริ่มต้น จับเวลาและให้คะแนนงานแบบที่ทำอยู่เดิม 3 ชิ้น
เงื่อนไขผ่าน (กำหนดก่อนทดลอง) เวลาเฉลี่ยลดลงอย่างน้อย 20% และคะแนนไม่ต่ำกว่าเดิม
วิธีทดลอง ทำงานใหม่ 3 ชิ้นด้วยระบบ 8 หมวด แล้ววัดแบบเดียวกัน

ข้อควรปฏิบัติ

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

เช็กลิสต์ก่อนเผยแพร่

รายการ สถานะ
ชุดสีไม่เกิน 4 ถึง 5 สี ⚪
ฟอนต์ไม่เกิน 2 ตัว และรองรับภาษาไทยครบทุกตัวอักษรที่ใช้ ⚪
ไอคอนและภาพประกอบสไตล์เดียวกัน ⚪
ตรวจเงื่อนไขการใช้เชิงพาณิชย์ของฟอนต์ ภาพ ไอคอน ⚪
ให้เครดิตในกรณีที่เงื่อนไขกำหนด ⚪
บันทึกที่มาของทุกชิ้นส่วน ⚪

Risks

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

ความเสี่ยง ผลกระทบ วิธีลด
เงื่อนไขลิขสิทธิ์เปลี่ยนตามเวลา ใช้ผิดโดยไม่รู้ตัว ตรวจหน้าเงื่อนไขล่าสุดทุกครั้งที่เริ่มโปรเจกต์ใหม่
ภาพสต็อกซ้ำกับงานอื่น งานไม่โดดเด่น ปรับสี ครอบภาพ ผสมกับองค์ประกอบของแบรนด์
คัดลอกจาก Reference ปัญหาทางกฎหมายและภาพลักษณ์ ดึงเฉพาะหลักการจัดวางและโทนสี
ใช้หลายสไตล์ปนกัน งานดูไม่เป็นระบบ ใช้ชุดเดียวต่อหนึ่งงาน
ภาพบุคคลในภาพสต็อก อาจมีข้อจำกัดเมื่อใช้เชิงโฆษณา อ่านเงื่อนไขเรื่องภาพบุคคลของแหล่งนั้น

ข้อผิดพลาดที่พบบ่อย

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

ทดสอบความเข้าใจ

คำถาม คำตอบ คำตอบที่มักผิด
ทำไมควรเลือกชุดสีและฟอนต์ก่อนหารูปและไอคอน สีและฟอนต์เป็นกรอบ ช่วยตัดภาพและไอคอนที่ไม่เข้ากันทิ้งได้ทันที หารูปก่อนเพราะรูปสำคัญที่สุด
เจอฟอนต์สวยในเว็บที่รวมฟอนต์ฟรีจำนวนมาก จะใช้ในโฆษณาขายสินค้าได้เลยไหม ยังไม่ได้ ต้องอ่านสิทธิ์ของฟอนต์ตัวนั้นว่าอนุญาตงานเชิงพาณิชย์หรือไม่ ฟรีแปลว่าใช้ได้ทุกกรณี
งานชิ้นเดียวใช้ไอคอนจาก 3 แหล่งต่างสไตล์ ปัญหาคืออะไร และแก้อย่างไร ความหนาเส้นและรูปทรงต่างกัน งานดูไม่เป็นระบบ แก้โดยใช้ชุดไอคอนเดียวทั้งงาน ใช้ไอคอนเยอะแหล่งยิ่งดูหลากหลายและสวย
มี 24 แหล่งแล้ว ควรลองครบทั้งหมดก่อนเริ่มงานไหม ไม่ควร เลือกหมวดละ 1 แหล่งก่อน ส่วนที่เหลือใช้เมื่อแหล่งหลักไม่มีของที่ต้องการ ต้องลองครบทุกแหล่งก่อนจึงจะเลือกถูก
Reference ช่วยงานเราอย่างไร และมีกับดักอะไร ช่วยเรียนรู้การจัดวางและโทนสี แต่กับดักคือเลียนแบบใกล้เกินไปจนเป็นการลอก เอาตัวอย่างที่ชอบมาทำซ้ำให้เหมือนที่สุด
ถ้าเวลาทำงานลดลงแต่คะแนนความสวยตกลง ถือว่าระบบได้ผลไหม ไม่ผ่านตามเงื่อนไขที่ตั้งไว้ เพราะต้องลดเวลาโดยคุณภาพไม่ต่ำกว่าเดิม เวลาลดลงก็ถือว่าสำเร็จ

Decision / next steps

Recommendation เริ่มด้วย 3 แหล่งหลัก คือชุดสี ฟอนต์ และภาพถ่าย อย่างละ 1 แหล่ง ใช้กับงาน 3 ชิ้น วัดเวลาและคะแนนตามตารางตรวจผล แล้วค่อยเพิ่มไอคอน ภาพประกอบ และม็อกอัป

ตัวย่อที่ใช้ในหน้านี้

ตัวย่อ ชื่อเต็ม คืออะไร อ่านค่าอย่างไร
HEX Hexadecimal color code รหัสสีฐานสิบหก ใช้ระบุสีในงานเว็บและออกแบบ #8B5E3C คือสีน้ำตาลโทนหนึ่ง
RGB Red Green Blue ระบบสีที่ผสมจากแดง เขียว น้ำเงิน ค่าละ 0 ถึง 255 139, 94, 60 คือสีเดียวกับตัวอย่างด้านบน

ทั้งสองแถวมาจากความรู้ทั่วไป ภาพต้นทางไม่ได้ให้ความหมาย

Summary

  • ชิ้นส่วนงานกราฟิกแบ่งเป็น 8 หมวด รวม 24 แหล่ง คือ ICON, Mockup, Font, VIDEO, illustration, Reference, Color Palette และ Picture
  • ลำดับทำงานที่แนะนำ: Reference, ชุดสี, ฟอนต์, ภาพและไอคอน, ม็อกอัป และตรวจสิทธิ์
  • ตัวอย่างโปสเตอร์ใช้เวลาตั้งใจไว้ 40 นาที เป็นตัวเลขประกอบของเรา ไม่ใช่ผลที่วัดแล้ว
  • ประโยชน์ทุกข้อยังเป็นการตีความหรือยังไม่ทดสอบ ต้องวัดด้วยตารางตรวจผลก่อนสรุป
  • ความเสี่ยงหลักคือลิขสิทธิ์ ต้องอ่านเงื่อนไขของแต่ละชิ้นก่อนใช้งานเชิงพาณิชย์
Facebook

ความรู้ที่เกี่ยวข้อง