เครื่องมือสร้าง Favicon — PNG หกขนาดทั่วไป
ไฟล์ของคุณจะไม่ออกจากอุปกรณ์
วางโลโก้หรือไอคอนของคุณที่นี่
หรือคลิกเพื่อเลือกไฟล์
รองรับ JPG, PNG, WebP และ SVG
สร้าง PNG หกรุ่นที่ใช้กันทั่วไป
Vizua ส่งออกไฟล์ PNG ขนาด 16 × 16, 32 × 32, 48 × 48, 180 × 180, 192 × 192 และ 512 × 512 ขนาดเหล่านี้ครอบคลุมการใช้งานทั่วไปหลายแบบในเบราว์เซอร์ ไอคอนสัมผัส Android และ PWA แต่ไม่มีรายการเดียวที่ครบสำหรับทุกโครงการ โครงการของคุณอาจต้องใช้ไฟล์ ICO, web manifest, ภาพแบบ maskable, การตั้งค่าแพลตฟอร์ม หรือขนาดอื่น
ใช้ภาพสี่เหลี่ยมที่มองเห็นชัด
ต้นฉบับทั้งภาพจะถูกปรับลงในผืนผ้าใบสี่เหลี่ยมแต่ละขนาด ภาพที่ไม่เป็นสี่เหลี่ยมจะถูกยืดแทนการครอบตัด และเครื่องมือไม่เพิ่มระยะขอบหรือสร้างภาพแบบง่ายสำหรับขนาดเล็กมาก ตรวจไฟล์ 16 และ 32 พิกเซลที่ขนาดจริง เพราะรายละเอียดที่ชัดในต้นฉบับอาจหายไปหลังการย่อ
การ deploy เป็นขั้นตอนแยก
ZIP มีเฉพาะภาพ PNG เพิ่มแท็ก <link> รายการ manifest ชื่อไฟล์ นโยบายแคช และเมทาดาทาแพลตฟอร์มที่เหมาะสมในโครงการของคุณ ทดสอบแท็บเบราว์เซอร์ บุ๊กมาร์ก การติดตั้งบนหน้าจอหลัก และการตรวจสอบ PWA กับ URL สุดท้ายที่ deploy แล้ว
การประมวลผลในเบราว์เซอร์
การถอดรหัสภาพ การแรสเตอร์ SVG และส่งออก PNG ทำงานในเบราว์เซอร์ ต้นฉบับที่เลือกไม่ถูกส่งไปยังเซิร์ฟเวอร์ประมวลผลภาพของ Vizua แต่หน้าเว็บอาจเรียกทรัพยากรที่จำเป็นและฟังก์ชันอื่นของเว็บไซต์ เมทาดาทาต้นฉบับและความสามารถในการแก้ไขเวกเตอร์จะไม่ถูกเก็บไว้ในรุ่น PNG
คำถามที่พบบ่อย
Vizua สร้างไฟล์ใดบ้าง
ZIP มี PNG หกไฟล์: 16 × 16, 32 × 32, 48 × 48, 180 × 180, 192 × 192 และ 512 × 512 โดยไม่สร้าง favicon.ico, site.webmanifest, browserconfig.xml, ไอคอนแบบ maskable หรือมาร์กอัป HTML
ควรอัปโหลดภาพแบบใด
ใช้ต้นฉบับสี่เหลี่ยมจัตุรัสอย่างน้อย 512 × 512 พิกเซล หรือ SVG แบบครบในตัว ต้นฉบับที่ไม่เป็นสี่เหลี่ยมจะถูกยืดเป็นเอาต์พุตสี่เหลี่ยม และรายละเอียดที่เล็กมากอาจไม่ชัดที่ 16 หรือ 32 พิกเซล
จะเพิ่ม Favicon ลงในเว็บไซต์ได้อย่างไร
อ้างอิง PNG ที่ตรงกับเบราว์เซอร์และแพลตฟอร์มเป้าหมายด้วยรายการ link และ manifest ที่เหมาะสม ข้อกำหนดต่างกันไปในแต่ละเว็บไซต์และอาจเปลี่ยนได้ จึงควรตรวจชุดสุดท้ายในเบราว์เซอร์ เครื่องมือ PWA และสภาพแวดล้อมการ deploy
สิ่งที่คุณทำได้ด้วยสร้าง Favicon — PNG หกขนาดที่ใช้กันทั่วไป
สร้าง PNG สำหรับ favicon และไอคอนสัมผัสหกขนาดที่ใช้กันทั่วไปจากภาพราสเตอร์หรือ SVG แบบครบในตัว แล้วดาวน์โหลดไฟล์เป็น ZIP
สร้าง Favicon — PNG หกขนาดที่ใช้กันทั่วไปออกแบบมาสำหรับงานที่รวดเร็วและทำซ้ำได้ในเบราว์เซอร์สมัยใหม่ ตัวควบคุมในหน้านี้ช่วยให้คุณเตรียมผลลัพธ์โดยไม่ต้องติดตั้งซอฟต์แวร์หรือสร้างบัญชี
วิธีใช้สร้าง Favicon — PNG หกขนาดที่ใช้กันทั่วไป
- เลือกหรือลากไฟล์ที่ต้องการประมวลผลมาวาง หรือกรอกข้อมูลที่เครื่องมือร้องขอ
- ตรวจสอบตัวเลือกก่อนประมวลผล โดยเฉพาะรูปแบบ ขนาด คุณภาพ สี และรายละเอียดอื่นที่มีผลต่อผลลัพธ์
- ตรวจสอบผลลัพธ์ ดาวน์โหลดไฟล์ใหม่ และเก็บไฟล์ต้นฉบับไว้โดยไม่แก้ไข เผื่อต้องสร้างเวอร์ชันอื่น
ออกแบบมาเพื่อความเป็นส่วนตัว
ไฟล์ของคุณจะไม่ออกจากอุปกรณ์ การประมวลผลทั้งหมดเกิดขึ้นภายในเบราว์เซอร์ของคุณ
เคล็ดลับเพื่อผลลัพธ์ที่ดีขึ้น
- เริ่มจากไฟล์ต้นฉบับที่ดีที่สุด เพราะไฟล์ขนาดเล็ก เบลอ หรือบีบอัดมากจะมีรายละเอียดให้รักษาไว้น้อยกว่า
- ตรวจสอบขนาดและรูปแบบก่อนดาวน์โหลด เพื่อให้ผลลัพธ์ตรงกับเว็บไซต์ แอป เครื่องพิมพ์ หรือแพลตฟอร์มปลายทาง
- สำหรับไฟล์ใหญ่ ให้ปิดแท็บที่ไม่จำเป็นและลองกับไฟล์ตัวอย่างหนึ่งไฟล์ก่อนประมวลผลทั้งชุด
- เปิดผลลัพธ์ที่ดาวน์โหลดมาตรวจสอบหนึ่งครั้งก่อนแชร์หรือใช้แทนไฟล์ต้นฉบับ
ตำแหน่งของสร้าง Favicon — PNG หกขนาดที่ใช้กันทั่วไปในขั้นตอนการทำงาน
ใช้สร้าง Favicon — PNG หกขนาดที่ใช้กันทั่วไปสำหรับการปรับแต่งครั้งเดียว หรือเป็นขั้นเตรียมก่อนเผยแพร่ แชร์ จัดเก็บ หรือแก้ไขต่อในแอปอื่น หากมีการประมวลผลแบบกลุ่ม ให้ตรวจสอบการตั้งค่ากับตัวอย่างขนาดเล็กก่อน แล้วจึงนำไปใช้กับไฟล์ที่เหลือ