System Design Setting การตั้งค่า Site Logo, Favicon Icon ไปจนถึง Default Image

ตั้งค่า Branding ร้านค้าใน Ketshopweb ครบทุกจุด ตั้งแต่ชื่อร้าน Site Logo, Favicon Icon ไปจนถึง Default Image พร้อมขนาดรูปแนะนำ และขั้นตอนอัปโหลดรูปภาพ

K
Ketshopweb Team
2026-08-19 14:30:18
System Design Setting การตั้งค่า Site Logo, Favicon Icon ไปจนถึง Default Image

User Guide · System Design

วิธีตั้งค่า Branding ร้านค้า: โลโก้ Favicon และ Default Image

คู่มือการใช้งาน · ระบบ Ketshopweb · อัปเดตล่าสุด สิงหาคม 2026

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

องค์ประกอบคำอธิบายตำแหน่งที่แสดงผล
ชื่อร้านค้าชื่อที่ต้องการใช้แสดงบนเว็บไซต์-
Site Logoโลโก้ของเว็บไซต์ส่วนหัว (Header)
Favicon Iconไอคอนขนาดเล็กของเว็บไซต์แท็บของเว็บเบราว์เซอร์
Default Imageรูปภาพเริ่มต้นเมื่อยังไม่ได้กำหนดรูปส่วนต่าง ๆ ของเว็บไซต์ที่ยังไม่มีรูป

ขั้นตอนการตั้งค่า Branding

1

คลิกเมนู "Setting CMS"  จากนั้นเลือกเมนูย่อย "System Design" ระบบจะเข้าสู่หน้า System Design Settings และเปิดแท็บ "Branding" เป็นค่าเริ่มต้น

ตำแหน่งที่ 1 - คลิก Setting CMS แล้วเลือก System Design จากเมนูด้านซ้าย
ตำแหน่งที่ 1 - คลิก Setting CMS แล้วเลือก System Design จากเมนูด้านซ้าย

ตั้งชื่อร้านค้าและอัปโหลด Site Logo

2

กรอกชื่อร้านค้าที่ต้องการในช่อง "ชื่อร้านค้า"

3

คลิกกล่อง "Site Logo" เพื่อเปิดหน้าต่างจัดการไฟล์

⚠️ ขนาดรูปภาพที่แนะนำ

กว้างไม่เกิน 250 พิกเซล และสูงไม่เกิน 70 พิกเซล

ตำแหน่งที่ 3 - คลิกกล่อง Site Logo เพื่อเปิดหน้าต่างจัดการไฟล์
ตำแหน่งที่ 3 - คลิกกล่อง Site Logo เพื่อเปิดหน้าต่างจัดการไฟล์
4

คลิกไอคอน "อัปโหลด"  จากนั้นเลือกไฟล์รูปภาพจากเครื่อง

ตำแหน่งที่ 4 - กดไอคอนอัปโหลด (ลูกศรชี้ขึ้น)
ตำแหน่งที่ 4 - กดไอคอนอัปโหลด (ลูกศรชี้ขึ้น)
5

รอจนระบบอัปโหลดไฟล์เสร็จสมบูรณ์ จากนั้นคลิกไฟล์ที่อัปโหลดเพื่อเลือกใช้เป็นโลโก้เว็บไซต์

ตำแหน่งที่ 5 - คลิกเลือกไฟล์ที่อัปโหลด
ตำแหน่งที่ 5 - คลิกเลือกไฟล์ที่อัปโหลด

ตัวอย่างการแสดงผล Site Logo

ตัวอย่างการแสดงผล Site Logo บนหน้าเว็บไซต์

อัปโหลด Favicon Icon

6

คลิกกล่อง "Favicon Icon" เพื่อเปิดหน้าต่างจัดการไฟล์

⚠️ ขนาดรูปภาพที่แนะนำ

ขนาด 32 × 32 พิกเซล

ตำแหน่งที่ 6 - คลิกกล่อง Favicon Icon เพื่อเปิดหน้าต่างจัดการไฟล์
ตำแหน่งที่ 6 - คลิกกล่อง Favicon Icon เพื่อเปิดหน้าต่างจัดการไฟล์
7

อัปโหลดไฟล์ไอคอนด้วยวิธีเดียวกับการอัปโหลด Site Logo จากนั้นคลิกเลือกไฟล์ที่ต้องการนำมาใช้งาน

ตำแหน่งที่ 7 - คลิกเลือกไฟล์ Favicon ที่อัปโหลด
ตำแหน่งที่ 7 - คลิกเลือกไฟล์ Favicon ที่อัปโหลด

ตัวอย่างการแสดงผล Favicon

ตัวอย่างการแสดงผล Favicon บนแท็บเบราว์เซอร์

ตั้งค่า Default Image

8

คลิกกล่อง "Default Image" เพื่อเปิดหน้าต่างจัดการไฟล์

⚠️ ขนาดรูปภาพที่แนะนำ

ขนาด 600 × 450 พิกเซล หรือรูปภาพที่มีอัตราส่วน 4:3

9

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

ตำแหน่งที่ 9 - เลือกไฟล์ที่เคยอัปโหลดไว้จากรายการในหน้าต่างจัดการไฟล์
ตำแหน่งที่ 9 - เลือกไฟล์ที่เคยอัปโหลดไว้จากรายการในหน้าต่างจัดการไฟล์

ตัวอย่างการแสดงผล Default Image

ตัวอย่างการแสดงผล Default Image บนหน้าเว็บไซต์

บันทึกการตั้งค่า

10

เมื่อตั้งชื่อร้านค้าและเลือกรูปภาพครบทุกช่องแล้ว ให้คลิกปุ่ม "บันทึก" 

ตำแหน่งที่ 10 - ข้อความแจ้งเตือนบันทึกเรียบร้อยแล้ว
ตำแหน่งที่ 10 - ข้อความแจ้งเตือนบันทึกเรียบร้อยแล้ว

สรุป: เตรียมไฟล์อะไรบ้างก่อนตั้งค่า

  • Site Logo: ไฟล์กว้างไม่เกิน 250 พิกเซล สูงไม่เกิน 70 พิกเซล
  • Favicon Icon: ไฟล์ขนาด 32 × 32 พิกเซล
  • Default Image: รูปสัดส่วน 4:3 ขนาดแนะนำ 600 × 450 พิกเซล
  • ชื่อร้านค้าที่ต้องการให้แสดงผลบนเว็บไซต์

พร้อมสร้างภาพลักษณ์ร้านค้าให้เป็นมืออาชีพหรือยัง?

ตั้งค่า Branding ให้ครบทุกองค์ประกอบ แล้วให้ทีม Ketshopweb ช่วยดูแลระบบร้านค้าออนไลน์ของคุณแบบครบวงจร

บทความโดยทีม Ketshopweb · ระบบจัดการร้านค้าออนไลน์หลายช่องทางแบบครบวงจร
Unified Commerce Platform · OMS + CRM + CDP for Thai Businesses
แชร์: