Favicon · ไม่มีการอัปโหลด

Favicon Generator ไอคอนแท็บ. ที่แสดงผลจริง.

RealFaviconGenerator uploads your logo to a server, walks you through a six-step wizard, and emails you a ZIP — sometimes after a delay. Favicon.io does the same in fewer steps but still wants a server round-trip. Adobe Express needs a Creative Cloud account and pitches a $9.99/month upgrade for the same canvas resize. Canva pushes Pro before it'll even export the right sizes. Morph runs the resize loop via Canvas API and writes a real multi-resolution favicon.ico with a pure-JS ICO encoder — directly in your browser tab. Drop a square logo, get the full bundle: 16/32/48 favicon.ico, 180×180 apple-touch, 192×192 and 512×512 Android Chrome, plus the HTML <link> snippet for your <head>. No upload, no email, no account. Free for everything that runs on your device; AI is paid in credits.

เปิด Morph ดูแผนราคา 4.99 ดอลลาร์
01
ถอดรหัส

วางรูปภาพหนึ่งภาพ ได้เก้าขนาด

PNG, SVG หรือ JPEG เข้ามา Morph จะรีสเตอร์ไรซ์ทุกขนาดที่เบราว์เซอร์และระบบปฏิบัติการขอจริงๆ

02
เข้ารหัส

คอนเทนเนอร์ ICO พร้อมหลายขนาด

True multi-resolution ICO file with 16/32/48 PNG payloads — the format Windows and old browsers still demand.

03
KEEP

Manifest + ไอคอน touch สำหรับ Apple

สร้าง manifest.webmanifest พร้อมไอคอน Android แบบ maskable และ apple-touch-icon-180.png วางลงในโฟลเดอร์ /public.

04
BATCH

ZIP บันเดิล คลิกเดียว

Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into , ship.

9ขนาด
0การอัปโหลด
1-clickZIP

สิ่งที่มันทำจริงๆ

01 · ถอดรหัส

อ่านแหล่งที่มา

วางไฟล์ SVG สี่เหลี่ยมจัตุรัส (แนะนำ — แหล่งข้อมูลเวกเตอร์ทำให้ 16×16 ยังคมชัด), PNG หรือ JPG แอป Artboard อ่านมิติของไฟล์ในท้องถิ่นและแจ้งเตือนเมื่อไฟล์ไม่เป็นสี่เหลี่ยมจัตุรัสก่อนการส่งออก

02 · ปรับขนาด

ทุกขนาดพร้อมกัน

16, 32, 48, 64, 96, 144, 180 apple-touch, 192 และ 512 Android Chrome. ปรับขนาด Canvas โดยใช้การปรับคุณภาพแบบ bicubic. แหล่งที่มา SVG ข้ามการปรับคุณภาพแบบรัสเตอร์ได้ทั้งหมด.

03 · แพ็กเกจรวม

ICO + manifest + HTML

favicon.ico แบบหลายความละเอียดจริง (16/32/48 ในไฟล์เดียว) ไฟล์ site.webmanifest สำหรับ Android Chrome PWA และสแนปช็อต <link> ที่คุณสามารถวางใน <head> ได้ ข้ามขั้นตอนการลองผิดลองถูก

วิธีการทำงาน

  1. เปิด morph.cool/forge ในเบราว์เซอร์สมัยใหม่ใดก็ได้ ไม่ต้องติดตั้ง ไม่ต้องสมัครสมาชิก ไม่ต้องใส่ข้อมูลบัตรเครดิต
  2. วางโลโก้สี่เหลี่ยม — SVG แนะนำ PNG ที่ 512×512 หรือใหญ่กว่าก็ใช้ได้ ข้อมูลที่ไม่เป็นสี่เหลี่ยมจะถูกเติมให้เป็นสี่เหลี่ยมอัตโนมัติ
  3. เลือกขนาดที่คุณต้องการ (ชุดค่าเริ่มต้นครอบคลุมทุกเบราว์เซอร์สมัยใหม่ + iOS + Android) ใช้ปุ่มสลับเพื่อเปิดใช้งานขนาดที่ต้องการ หากคุณรองรับ Windows tiles แบบเก่า
  4. กดส่งออก _canvas_ ปรับขนาดตามขนาดแต่ละรูปแบบ ตัวเขียน ICO จัดเก็บ 16/32/48 ไว้ใน favicon.ico และ manifest จะถูกสร้างขึ้น
  5. บันทึก ZIP วางไฟล์ลงในโฟลเดอร์ /public วางส่วน HTML ที่ให้มาใน <head> เสร็จแล้ว.

ทำไมเว็บไซต์ favicon ถึงรู้สึกแย่

RealFaviconGenerator ได้รับอันดับ 1 บนเวทีหกขั้นตอนที่อัปโหลดโลโก้ก่อนให้คุณดูตัวอย่างขนาดเดียว — และส่งอีเมล ZIP บางครั้งใช้เวลาหลายนาที Favicon.io ทำขั้นตอนน้อยกว่าแต่ยังส่งผ่านเซิร์ฟเวอร์ Adobe Express ต้องการบัญชี Creative Cloud และเสนอการอัปเกรด $9.99/เดือนสำหรับการปรับขนาด_canvas ที่เบราว์เซอร์ทั้งหมดรองรับอยู่แล้ว Canva บังคับให้ลงทะเบียนและผ่านการชำระเงิน Pro ก่อนส่งออกขนาดที่ถูกต้อง Genfavicon, Favicon-Generator.org และผู้แข่งขันอื่น ๆ หกตัว ห่อหน้าเว็บผลลัพธ์ด้วยโฆษณาแบบสแตนด์อโลน macOS Preview ไม่สามารถสร้าง ICO ได้เลย รูปแบบซ้ำกัน: การอัปโหลดเซิร์ฟเวอร์เป็นโมเดลธุรกิจ ขั้นตอนเวิร์กโฟลว์หลายขั้นตอนเป็นชั้นเพิ่มการขาย โลโก้ของคุณเป็นค่าธรรมเนียม Morph เป็นเวอร์ชันที่ใช้เฉพาะที่ไม่มีการอัปโหลด ทั้งหมดในราคาเพียงค่ากาแฟต่อปี — และส่งมอบ ICO หลายขนาดจริง ไม่ใช่แค่ขนาด 32×32 ที่เปลี่ยนชื่อเป็น .ico

สิ่งที่เว็บไซต์อัปโหลดยังชนะอยู่

หากคุณต้องการรูปแบบเก่าที่หายาก — ไฟล์ browserconfig.xml ของ Windows 8 สำหรับแท็ก, SVG แบบมีการปิดกั้นสำหรับ Safari พร้อมสีที่กำหนดเอง หรือแปดขนาดที่กำหนดล่วงหน้าสำหรับ iOS 6 — เครื่องมืออัปโหลดเฉพาะมีรายการตรวจสอบที่ยาวกว่า สำหรับเว็บสมัยใหม่ (ทุกเบราว์เซอร์ที่ส่งออกตั้งแต่ปี 2018) และไอคอนหน้าจอหลักสำหรับ iOS/Android ที่ 99% ของเว็บไซต์ต้องการ Morph ครอบคลุมทั้งหมดในสองวินาทีโดยไม่ต้องใช้เซิร์ฟเวอร์

คำถามที่พบบ่อย

How is this different from RealFaviconGenerator or Favicon.io?

ทั้งสองใช้การอัปโหลดโลโก้ไปยังเซิร์ฟเวอร์ นำคุณผ่านขั้นตอนหลายขั้นตอน และส่งอีเมลหรือดาวน์โหลด ZIP หลังการประมวลผลบนเซิร์ฟเวอร์ Adobe Express ต้องการบัญชี ส่วน Canva บังคับใช้แผน Pro Morph ทำงานการปรับขนาดและเข้ารหัส ICO ผ่าน Canvas + ตัวเขียน ICO แบบ JavaScript บริสุทธิ์โดยตรงในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลด ไม่มีอีเมล ไม่มีบัญชี

Morph สร้างขนาดไฟล์อะไรบ้าง?

ชุดมาตรฐานสมัยใหม่ทั้งหมด: 16×16 และ 32×32 (แท็บเบราว์เซอร์), 48×48 (ไอคอนไซต์สำหรับ Windows), 180×180 (apple-touch-icon สำหรับหน้าจอหลัก iOS), 192×192 และ 512×512 (Android Chrome PWA + manifest), รวมถึง favicon.ico แบบหลายความละเอียดที่มี 16/32/48 ในไฟล์เดียว ตัวเลือก: 64×64, 96×96, 144×144, 256×256

มันสร้างแท็ก HTML <link> จริงหรือไม่?

ใช่ ชุดรวมประกอบด้วยสคริปต์ที่คุณวางตรงลงใน <head>: rel="icon" พร้อมขนาดสำหรับ SVG/PNG, rel="apple-touch-icon" สำหรับ iOS และการอ้างอิง manifest.json สำหรับ Android Chrome ข้ามขั้นตอนการเดาและตรวจสอบ

รูปแบบไฟล์อินพุตที่ดีที่สุดคืออะไร

Square SVG เหมาะสมที่สุด — แหล่งข้อมูลเวกเตอร์หมายความว่า 16×16 จะคมชัดโดยไม่มีข้อผิดพลาดจากการแปลงเป็นรูปแบบรัสเตอร์ Square PNG ที่ 512×512 หรือใหญ่กว่าก็ใช้ได้เช่นกัน ข้อมูลที่ไม่เป็นสี่เหลี่ยมจัตุรัสจะถูกเติมให้เป็นสี่เหลี่ยมจัตุรัสโดยอัตโนมัติ; การเบี่ยงเบนอัตราส่วนภาพจะถูกแจ้งก่อนการส่งออก หลีกเลี่ยง JPG สำหรับโลโก้ที่มีขอบคม (การปรับระดับ JPG ทำให้ 16×16 ไม่ชัดเจน)

ใช้งานได้บน iPhone หรือ iPad หรือไม่?

ใช่ — Safari บน iOS รองรับการปรับขนาด Canvas และการเข้ารหัส ICO อย่างสมบูรณ์ วางโลโก้ บันทึกชุดไฟล์ไปยัง Files การสร้างทำงานในท้องถิ่นบนโทรศัพท์ของคุณ ไม่สัมผัสเซิร์ฟเวอร์ใดๆ เลย

แล้วลิขสิทธิ์ต้นฉบับล่ะ?

ไม่ถูกแก้ไข ชุด favicon เป็น ZIP ใหม่ ไฟล์ต้นฉบับอยู่ที่เดิมที่คุณวางไว้ Morph ไม่ได้แก้ไขไฟล์ต้นทาง

สร้างฟีเวอร์คอน — ฟรีทันที
สร้างชุดฟาววิกอนแบบฟรี
$4.99/mo
แปลงทุกอย่าง · ไม่ต้องอัปโหลด · $4.99/เดือนครอบคลุมทุกพื้นที่ของ Morph