การสร้าง favicon สำหรับเว็บไซต์หรือบล็อกของคุณอาจเป็นงานที่ยุ่งยาก มันง่ายเกินไปที่จะใช้เวลาหลายชั่วโมงในการค้นหาภาพที่สมบูรณ์แบบ จากนั้นต้องต่อสู้กับโปรแกรมซอฟต์แวร์ที่ซับซ้อนเพื่อทำให้ภาพออกมาถูกต้อง โชคดีที่คุณสามารถสร้างไอคอน Favicon ได้อย่างง่ายดายใน Canva โดยไม่จำเป็นต้องมีประสบการณ์ทางเทคนิค
Favicon ที่ดูเป็นมืออาชีพและไม่เหมือนใครจะช่วยให้ผู้เข้าชมจำไซต์หรือบล็อกของคุณได้ทันที ซึ่งสร้างความประทับใจแรกพบอย่างมาก ในโพสต์นี้ คุณจะได้เรียนรู้วิธีสร้างผืนผ้าใบขนาดสมบูรณ์แบบสำหรับไอคอน Favicon ของคุณและส่งออกอย่างถูกต้อง
วิธีสร้าง Favicon ใน Canva
มีเพียงสี่ขั้นตอนเท่านั้นที่จะ สร้าง favicon ของคุณ ฉันจะไม่พูดถึงวิธีการสร้างโลโก้หรือกราฟิกที่จำเป็นสำหรับการสร้าง Favicon ของคุณ แต่เมื่อคุณเตรียมส่วนนั้นพร้อมแล้ว คุณสามารถสร้าง Favicon ของคุณได้
ขั้นตอนที่ 1: สร้างดีไซน์ใหม่ขนาด 48 x 48px
ขนาดของ favicon บนเว็บไซต์คือ 16 x 16px น่าเสียดาย คุณไม่สามารถสร้างงานออกแบบใหม่ใน Canva ที่มีขนาดเล็กได้
คุณสามารถสร้างการออกแบบขนาด 48 x 48px แทน ขนาดนี้ช่วยให้ปรับขนาด Favicon เป็นขนาดที่ถูกต้องโดยอัตโนมัติเมื่อคุณอัปโหลดไปยังเว็บไซต์ของคุณ
หากต้องการสร้างผืนผ้าใบขนาด 48 x 48px ให้คลิกปุ่ม ขนาดที่กำหนดเอง บน Canva หน้าแรก จากนั้นพิมพ์ 48 ในช่อง ความกว้าง และ 48 ในช่อง ความสูง เมื่อคุณพร้อม ให้คลิกปุ่ม สร้างการออกแบบใหม่
ผืนผ้าใบใหม่ของคุณจะถูกสร้างขึ้นในหน้าต่างแยกต่างหาก สิ่งแรกที่คุณจะสังเกตเห็นคือผืนผ้าใบมีขนาดเล็กเพียงใด นอกจากนี้ คุณไม่สามารถซูมเข้าได้มากกว่า 500 เปอร์เซ็นต์
นั่นหมายความว่าควรสร้างการออกแบบต้นฉบับในโครงการแยกต่างหาก เนื่องจากคุณจะไม่สามารถซูมเข้าไปใกล้เพื่อดูและปรับรายละเอียดเล็กๆ น้อยๆ ได้
ขั้นตอนที่ 2: เพิ่มโลโก้หรือกราฟิกของคุณในการออกแบบ
เมื่อโลโก้หรือกราฟิกของคุณเสร็จสมบูรณ์และพร้อมที่จะเพิ่ม ให้คลิกที่ อัปโหลด จากนั้นคลิก อัปโหลด ไฟล์
คุณจะได้รับแจ้งให้ค้นหาโลโก้หรือกราฟิกของคุณบนฮาร์ดไดรฟ์ เมื่อคุณดำเนินการแล้ว ระบบจะโหลดไปยังบัญชี Canva ของคุณ
คลิกที่ไฟล์ที่คุณอัปโหลดเพื่อเพิ่มลงใน Canvas
หรืออีกวิธีหนึ่ง คุณสามารถเพิ่มโลโก้หรือกราฟิกลงในโปรเจ็กต์ของคุณโดยลากจากหน้าต่างอื่นไปยัง Canvas
ขั้นตอนที่ 3: ส่งออก Favicon ของคุณเป็น PNG ด้วยความโปร่งใส
ขั้นตอนนี้มีความสำคัญในกระบวนการนี้ หากส่งออกไม่ถูกต้อง ไอคอน Favicon ของคุณจะมีพื้นหลังสีขาวที่ไม่ต้องการ
ในการเริ่มต้น ให้คลิกปุ่ม แบ่งปัน ที่มุมขวาบน
ในเมนูที่ปรากฏขึ้น ให้เลือก ดาวน์โหลด
ตรวจสอบให้แน่ใจว่าได้เลือก PNG ในเมนูแบบเลื่อนลง ประเภทไฟล์ ในตัวเลือก รูปแบบ PNG จะช่วยให้โปร่งใสในขณะที่รักษาคุณภาพที่ดีที่สุด
ตัวเลือกที่สำคัญอื่น ๆ ที่นี่คือตัวเลือกพื้นหลังโปร่งใส ตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือกนี้แล้ว มิฉะนั้น เมื่อคุณส่งออก favicon ของคุณ ไอคอนนั้นจะส่งออกพร้อมพื้นหลังสีขาว ซึ่งดีมากถ้านั่นคือสิ่งที่คุณกำลังจะทำ แต่เป็นไปได้มากว่าคุณจะไม่ใช่
เมื่อคุณพร้อมแล้ว ให้คลิกปุ่ม ดาวน์โหลด
ไอคอน Favicon ของคุณจะถูกดาวน์โหลดลงในฮาร์ดไดรฟ์ของคุณ
หากคุณเปิดไฟล์ คุณสามารถดูตัวอย่างไอคอน favicon และตรวจสอบว่าพื้นหลังโปร่งใส
ขั้นตอนที่ 4: อัปโหลด Favicon ไปยังเว็บไซต์ของคุณ
การอัปโหลด Favicon ไปยังเว็บไซต์ของคุณเป็นกระบวนการที่แตกต่างกัน ขึ้นอยู่กับว่าใครเป็นโฮสต์เว็บไซต์ของคุณ หากต้องการเรียนรู้วิธีการที่คุณต้องการ ให้มองหาโฮสต์เว็บของคุณด้านล่าง:
หากโฮสต์เว็บของคุณไม่ได้อยู่ในรายการด้านบน ให้ดูในเว็บไซต์ของโฮสต์เว็บของคุณสำหรับคำแนะนำเฉพาะในการอัปโหลด favicon ของคุณ
คุณสร้าง Favicon วงกลมใน Canva ได้อย่างไร
รูปลักษณ์ที่นิยมสำหรับ Favicon คือโลโก้ที่มีวงกลมอยู่ด้านหลัง นี่คือไอคอน Favicon ที่ดูเป็นมืออาชีพและออกแบบได้ง่าย
ในการเริ่มต้น คลิกที่แท็บ องค์ประกอบ ทางด้านซ้ายของหน้าจอ เลื่อนลงมาจนถึงส่วน เส้นและรูปร่าง คลิกดูทั้งหมด
นี่จะแสดงรูปร่างทั้งหมดที่ Canva มีให้ เลือกวงกลม (หรือรูปร่างอื่นหากต้องการ)
วงกลมจะปรากฏบนผืนผ้าใบของคุณ
เมื่อวงกลมของคุณอยู่บนหน้า ให้ปรับขนาดจนกว่าจะเต็มผืนผ้าใบทั้งหมด เว้นด้านข้างไว้ ของวงกลมเปิด
เมื่อคุณชอบหน้าตาของวงกลมในหน้าเว็บแล้ว คุณสามารถเปลี่ยนสีได้โดยคลิก ตัวเลือกสีใน แถบตัวเลือก. ในแผงด้านข้าง คุณสามารถเลือกสีใดก็ได้ที่เหมาะกับความต้องการของคุณ
เลือกสีที่เข้ากันได้ดีกับโลโก้หรือกราฟิกของคุณ แล้วทำให้มันเด่นออกมาจากวงกลม
เมื่อเลือกสีของวงกลมแล้ว คุณต้องส่งสีนั้นไปด้านหลังโลโก้หรือกราฟิกของคุณ วิธีที่รวดเร็วในการทำเช่นนี้คือการคลิกขวาที่วงกลม จากนั้นคลิก ส่งย้อนกลับ คุณยังสามารถคลิก Control + [ (Win) หรือ Command + [ (Mac)
หลังจากส่งแวดวงของคุณย้อนหลัง คุณอาจต้องปรับโลโก้หรือกราฟิกของคุณเพื่อให้เรียงกันดีขึ้น คลิกที่กราฟิกของคุณแล้วปล่อยให้ Canva ช่วยคุณจัดวางตามหลักเกณฑ์สีม่วงที่ปรากฏขึ้น
เมื่อวงกลมของคุณมีสีที่ถูกต้องและอยู่ด้านหลังโลโก้หรือกราฟิกที่เรียงต่อกันแล้ว ก็ถึงเวลาส่งออก คุณสามารถส่งออกไอคอน Favicon ของคุณได้เหมือนกับที่อธิบายไว้ข้างต้น แต่ต่อไปนี้เป็นบทสรุป:
คลิกปุ่ม แบ่งปัน จากนั้นเลือก ดาวน์โหลด ในตัวเลือก ตรวจสอบให้แน่ใจว่าได้เลือก PNG ในเมนูแบบเลื่อนลง ประเภทไฟล์ และเลือก พื้นหลังโปร่งใส คลิกปุ่ม ดาวน์โหลด เมื่อพร้อมที่จะดาวน์โหลด favicon ลงในคอมพิวเตอร์ของคุณ
หากต้องการ คุณสามารถบันทึกเวอร์ชันที่มีวงกลมพื้นหลังและเวอร์ชันที่ไม่มีวงกลมพื้นหลังได้ตลอดเวลา เพื่อดูว่าแบบใดที่ดูดีที่สุดและทำงานได้ดีที่สุด
ไอคอน Favicon ของคุณควรมีลักษณะอย่างไร
เมื่อออกแบบ Favicon สำหรับเว็บไซต์ของคุณ สิ่งสำคัญคือต้องทำให้มันเรียบง่าย มุ่งเป้าไปที่สิ่งที่สามารถเห็นได้ชัดเจนในขนาดที่เล็กและยังคงแสดงถึงแบรนด์ของคุณได้อย่างมีประสิทธิภาพ พยายามหลีกเลี่ยงการใช้รายละเอียดมากเกินไปหรือการออกแบบที่สลับซับซ้อน
หากคุณใช้โลโก้ ให้ลดขนาดลงให้มากที่สุดโดยไม่สูญเสียความสมบูรณ์ในฐานะตัวแทนของแบรนด์ของคุณ หากเว็บไซต์ของคุณเกี่ยวกับหัวข้อใดหัวข้อหนึ่ง ให้ใช้ไอคอนที่แสดงแนวคิดนั้น ตัวอย่างเช่น หากคุณมีไซต์เกี่ยวกับการถ่ายภาพ คุณอาจมีกราฟิกของกล้องถ่ายรูป เว็บไซต์ท่องเที่ยวอาจมีเครื่องบินเป็นไอคอน Favicon ของตน
ไม่ว่าคุณจะเลือกใช้ Favicon ในรูปแบบใด ตรวจสอบให้แน่ใจว่า Favicon นั้นแตกต่างและเป็นที่จดจำ เพื่อให้ผู้เข้าชมจำได้ง่ายในแท็บอื่นๆ ในเว็บเบราว์เซอร์ กระชับและตรวจสอบให้แน่ใจว่าสื่อถึงแบรนด์ของคุณอย่างถูกต้อง
แก้ไขอย่างมีความสุข!