แปลง AVIF เป็น ICO
หากโลโก้ของคุณมีเพียงไฟล์ .avif หน้านี้จะแปลงเป็น favicon.ico ที่รวมขนาดไอคอนที่ใช้กันทั่วไปทุกขนาดตั้งแต่ 16 ถึง 256 px โดยคงพื้นหลังโปร่งใสไว้
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดโลโก้ AVIF
ใช้ไฟล์จัตุรัสที่ใหญ่ที่สุดที่มี ขนาด 512 × 512 px ขึ้นไปจะให้ไอคอนขนาดเล็กที่คมที่สุด ใส่โลโก้หลายไฟล์ในครั้งเดียวได้
- 2
ปล่อยขนาดไอคอนไว้ที่ทุกขนาด
ขนาดไอคอน ตั้งไว้ที่ ทุกขนาด (16–256) ไฟล์ .ico ไฟล์เดียวจึงใช้ได้กับแท็บเบราว์เซอร์ บุ๊กมาร์ก และช็อตคัตของ Windows เลือกขนาดเดียวเฉพาะเมื่อโปรแกรมต้องการเท่านั้น
- 3
แปลงเป็น ICO
กด แปลงเป็น ICO เปลี่ยนชื่อไฟล์ที่ดาวน์โหลดเป็น favicon.ico หากจำเป็น แล้ววางไว้ที่รากของเว็บไซต์
AVIF เป็นรูปแบบสำหรับส่งภาพให้โหลดเร็ว ส่วน ICO เป็นคอนเทนเนอร์สำหรับไอคอนขนาดเล็ก การแปลงจะถอดรหัส AVIF หนึ่งครั้ง แล้วเขียนสำเนาที่ย่อขนาดแล้วหลายชุดลงในไฟล์ .ico เดียว โดยแต่ละชุดมีช่องอัลฟาของตัวเอง
ทำไมโลโก้ AVIF ต้องมีเวอร์ชัน ICO
AVIF เปิดตัวโดย Alliance for Open Media ในปี 2019 และสร้างบนโคเดกวิดีโอ AV1 Chrome เพิ่มการรองรับในเวอร์ชัน 85 Firefox ในเวอร์ชัน 93 และ Safari ในเวอร์ชัน 16 ปัจจุบันเครื่องมือสร้างเว็บไซต์และ CDN รูปภาพจึงส่ง AVIF เป็นค่าเริ่มต้น หลายทีมจึงมีโลโก้แบรนด์เก็บไว้เพียงไฟล์ logo.avif
favicon คือที่เดียวที่วิธีนี้ใช้ได้ไม่ดี ช็อตคัตบนเดสก์ท็อป Windows และเว็บไซต์ที่ปักหมุดไว้อ่านไฟล์ ICO เบราว์เซอร์รุ่นเก่าและโปรแกรมรวบรวมข้อมูลจำนวนมากดึง /favicon.ico โดยไม่ดู HTML ของคุณ และช่อง favicon ของ CMS บางระบบไม่รับไฟล์ AVIF เลย ไฟล์ ICO หนึ่งไฟล์ที่สร้างจาก AVIF ใช้ได้กับทุกกรณีเหล่านี้ และไม่ต้องผ่านขั้นตอน แปลง PNG เป็น ICO อีก
AVIF
AV1 Image File Format
AVIF จัดเก็บภาพนิ่งและลำดับภาพที่บีบอัดด้วยโคเดกวิดีโอ AV1 และ Alliance for Open Media สรุปข้อกำหนดเสร็จในปี 2019 โดยทั่วไปให้ไฟล์เล็กกว่าทั้ง JPEG และ WebP ที่คุณภาพเท่ากันเมื่อมองด้วยตา และรองรับพื้นหลังโปร่งใส ภาพเคลื่อนไหว ขอบเขตสีกว้าง และ HDR การเข้ารหัสช้ากว่ารูปแบบรุ่นเก่า และพื้นผิวที่ละเอียดมากอาจดูเรียบเกินไปเมื่อตั้งคุณภาพต่ำ เบราว์เซอร์หลักทุกตัวแสดง AVIF ได้แล้ว แต่แอปบนเดสก์ท็อป แพลตฟอร์มโซเชียล และอุปกรณ์รุ่นเก่าจำนวนมากยังเปิดไม่ได้
- การบีบอัด
- ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2019 · Alliance for Open Media
ICO
ไอคอน Windows
ICO คือรูปแบบไอคอนของ Microsoft ที่ใช้กับไอคอนโปรแกรมใน Windows และไอคอน favicon ของเว็บไซต์ ไฟล์ .ico หนึ่งไฟล์เก็บภาพได้หลายขนาด เช่น 16×16, 32×32, 48×48 และ 256×256 พิกเซล เพื่อให้ระบบเลือกขนาดที่เหมาะที่สุด แต่ละภาพเก็บเป็นบิตแมปหรือข้อมูล PNG ได้ และรองรับพื้นหลังโปร่งใสแบบ alpha เต็มรูปแบบ ICO ไม่ได้มีไว้สำหรับภาพถ่ายหรืองานภาพขนาดใหญ่ เบราว์เซอร์ Windows และโปรแกรมแก้ไขไอคอนส่วนใหญ่อ่านไฟล์นี้ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- Microsoft
โลโก้ AVIF มักมาจากระบบจัดการรูปภาพของเว็บไซต์สมัยใหม่หรือไฟล์ส่งออกสำหรับเว็บของนักออกแบบ แต่เว็บไซต์ยังต้องมี favicon.ico แบบดั้งเดิมไว้ที่รากซึ่งเบราว์เซอร์และโปรแกรมรวบรวมข้อมูลทุกตัวอ่านได้
ขนาดไอคอนที่รวมอยู่ใน favicon.ico
- แท็บเบราว์เซอร์และแถบที่อยู่
- 16 px
- บุ๊กมาร์กและช็อตคัตบนทาสก์บาร์
- 32 px
- มุมมองไอคอนขนาดใหญ่ของ Windows
- 256 px
- ทุกขนาดใน favicon.ico ไฟล์เดียว
- 1 ไฟล์
คงช่องอัลฟา
บริเวณโปร่งใสของ AVIF ยังคงโปร่งใสในทุกขนาด
ย่อแยกตามขนาด
แต่ละรายการสุ่มตัวอย่างใหม่จากต้นฉบับ ไม่ได้ย่อต่อจากขนาดที่ใหญ่กว่าถัดไป
ใช้เฉพาะเฟรมแรก
AVIF แบบเคลื่อนไหวจะใช้เพียงเฟรมแรก
ทำให้โลโก้ AVIF ยังอ่านออกที่ขนาด 16 × 16
ไอคอน 16 px มีพิกเซลรวมเพียง 256 พิกเซล เส้นบาง ตัวอักษรเล็ก และการไล่สีจึงหายไป ก่อนแปลงให้ส่งออกโลโก้แบบเรียบง่ายขึ้น คือใช้สัญลักษณ์โดยไม่มีชื่อแบรนด์ เส้นหนาขึ้น และคอนทราสต์สูงขึ้นทั้งบนธีมเบราว์เซอร์สีสว่างและสีเข้ม พื้นหลังโปร่งใสจะทำให้สีของแท็บแสดงผ่านออกมา ซึ่งมักดูดีกว่าสี่เหลี่ยมสีขาว
การบีบอัด AVIF อย่างหนักอาจทำให้ขอบนุ่มหรือสีเลอะรอบรูปทรงที่คม หากโลโก้ของคุณเป็นเช่นนั้น ให้ขอไฟล์ AVIF แบบไม่สูญเสียคุณภาพหรือไฟล์ต้นฉบับ SVG บนไอคอนขนาดใหญ่จะเห็นความผิดเพี้ยนเหล่านี้ ส่วนที่ 16 และ 32 px การย่อขนาดจะซ่อนไว้เกือบหมด ข้อมูลเปรียบเทียบ AVIF กับ WebP และ HEIC ดูได้ที่ อธิบาย AVIF, HEIC และ WebP
คำถามเรื่องทำ favicon จาก AVIF เป็น ICO
เบราว์เซอร์ใช้ไฟล์ AVIF เป็น favicon โดยตรงได้ไหม?
Chrome, Firefox และ Safari แสดง AVIF ได้ แต่ไฟล์ชื่อ favicon.ico ที่รากของเว็บไซต์คือไฟล์ที่เบราว์เซอร์ โปรแกรมอ่านฟีด และบอตแสดงตัวอย่างลิงก์จำนวนมากร้องขอเป็นค่าเริ่มต้น การวางไฟล์ ICO จริงไว้ที่นั่นช่วยเลี่ยงข้อผิดพลาด 404 ในบันทึกของเซิร์ฟเวอร์และไอคอนแท็บว่างเปล่าในโปรแกรมรุ่นเก่า
โลโก้ AVIF ไม่ใช่สี่เหลี่ยมจัตุรัส ไอคอนจะถูกยืดไหม?
ไอคอนเป็นสี่เหลี่ยมจัตุรัส โลโก้แนวกว้างจึงหดเป็นแถบบาง ๆ หรือผิดสัดส่วน ให้ครอปโลโก้เหลือเฉพาะสัญลักษณ์หรือตัวอักษรย่อก่อน วิธีครอปรูปตามสัดส่วน อธิบายการครอป 1:1 ที่คงวัตถุไว้ตรงกลาง
สี 10 บิตของ AVIF ยังอยู่ในไฟล์ ICO หรือไม่?
ไม่อยู่ รายการไอคอนเก็บ 8 บิตต่อช่องสีพร้อมช่องอัลฟา 8 บิต ข้อมูล AVIF แบบ HDR หรือ 10 บิตจึงถูกลดเป็นสี sRGB มาตรฐาน ที่ขนาด 16 หรือ 32 px ไม่มีใครมองเห็นความต่าง
Google ต้องการ favicon แบบใดเพื่อแสดงในผลการค้นหา?
แนวทางของ Google กำหนดให้ favicon เป็นสี่เหลี่ยมจัตุรัสที่มีขนาดเป็นผลคูณของ 48 px เช่น 48 × 48 หรือ 96 × 96 และอ้างอิงจากหน้าแรกของเว็บไซต์ ไฟล์ ICO จากหน้านี้มีรายการขนาดใหญ่กว่านั้นที่ Google ย่อลงได้
แปลง AVIF เป็น PNG เหมาะกว่าสำหรับไอคอนแอปหรือไม่?
เหมาะกว่าสำหรับ iOS, Android และไฟล์ manifest ของเว็บแอป ซึ่งต้องการไฟล์ PNG ขนาดตายตัว เช่น 180 × 180 และ 512 × 512 ใช้ แปลง AVIF เป็น PNG สำหรับกรณีนั้น และเก็บ ICO ไว้สำหรับ favicon แบบดั้งเดิมและ Windows