🌐 เครื่องสร้างไอคอนเว็บไซต์และแอป
อัปโหลดภาพหนึ่งภาพและดาวน์โหลดแพ็กเกจไอคอนเว็บไซต์ทั้งหมดทันที — ไอคอน PNG ในทุกขนาดมาตรฐาน ไฟล์ .ico หลายขนาด และแท็กลิงก์ HTML พร้อมใช้งานทันที ทั้งหมดบรรจุในไฟล์ ZIP เดียว
ออกแบบมาเพื่อความเป็นส่วนตัว. เครื่องมือนี้ทำงานทั้งหมดในเบราว์เซอร์ของคุณ — ข้อมูลที่คุณป้อนไม่ได้ถูกอัปโหลดหรือเก็บไว้ และยังสามารถใช้งานได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต
เกี่ยวกับ
เครื่องมือนี้ใช้ API Canvas ของเบราว์เซอร์เพื่อปรับขนาดภาพต้นทางของคุณให้เป็นทุกขนาดที่เบราว์เซอร์และระบบปฏิบัติการสมัยใหม่คาดหวัง: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA), และ 512×512 (PWA splash) มันยังรวมไฟล์ .ico หลายขนาดที่บรรจุขนาดไอคอนทั่วไปทั้งหมดไว้ในไฟล์ไบนารีเดียว และสร้างส่วนของโค้ด HTML ที่มีแท็ก <link> ที่ถูกต้องสำหรับแต่ละขนาด ทุกอย่างถูกบรรจุในไฟล์ ZIP โดยใช้ผู้เขียน ZIP แบบ inline ที่ใช้เฉพาะการจัดเก็บ — ไม่จำเป็นต้องใช้ไลบรารีภายนอก เนื่องจากกระบวนการทั้งหมดดำเนินการภายในเบราว์เซอร์ด้วย Canvas ไฟล์ใดๆ ก็ไม่เคยออกจากอุปกรณ์ของคุณ
วิธีใช้งาน
- วางภาพต้นทางของคุณลงในพื้นที่อัปโหลด หรือคลิกเพื่อเลือกไฟล์ — PNG, JPEG, SVG หรือ WebP ล้วนสามารถใช้งานได้
- ดูตัวอย่างภาพและยืนยันขนาดที่ต้องการสร้าง: ภาพ PNG ขนาด 16, 32, 48, 64, 180, 192 และ 512 พิกเซลจะถูกเลือกโดยค่าเริ่มต้น
- คลิก Generate เพื่อให้ API Canvas ปรับขนาดและสร้างแต่ละขนาดของไอคอนภายในเบราว์เซอร์
- คลิก Download ZIP เพื่อรับ PNG ทั้งหมด ไฟล์ favicon.ico หลายขนาด และไฟล์ส่วนของโค้ด HTML ในหนึ่งไฟล์อัตโนมัติ
- คัดลอกแท็ก <link> จากไฟล์ HTML และวางลงใน <head> ของเว็บไซต์ของคุณ — ไอคอนเว็บไซต์ของคุณพร้อมใช้งานแล้ว
คำถามที่พบบ่อย
- เครื่องมือนี้สร้างขนาดใดบ้าง?
- มันสร้างไฟล์ PNG ที่ขนาด 16, 32, 48, 64, 180, 192 และ 512 พิกเซล ไฟล์ favicon.ico หลายขนาด (ประกอบด้วย 16, 32 และ 48 พิกเซล) และแท็ก HTML <link> ที่ตรงกัน
- ภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?
- ไม่ ทุกการปรับขนาดและการบรรจุจะเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ API Canvas ภาพของคุณจะไม่เคยออกจากอุปกรณ์ของคุณ
- ภาพแหล่งข้อมูลที่ดีที่สุดคืออะไร?
- ภาพที่เป็นรูปสี่เหลี่ยมจัตุรัสที่มีขนาดอย่างน้อย 512×512 พิกเซลจะให้ผลลัพธ์ที่คมชัดที่สุดทุกขนาด SVG ทำงานได้ดีเป็นพิเศษเพราะมันไม่ขึ้นกับความละเอียดของหน้าจอ
- ไฟล์ .ico ที่มีหลายขนาดคืออะไร และทำไมคุณต้องใช้มัน?
- .ico ไฟล์สามารถบรรจุความละเอียดหลายขนาดไว้ในไฟล์เดียว ตัวที่เก่ากว่าและ Windows ใช้ .ico สำหรับไอคอนแท็บและลิงก์สั้น โดยอัตโนมัติเลือกขนาดที่เหมาะสมที่สุด การใช้ .ico หลายขนาดจะทำให้ไอคอนคมชัดทุกที่
- คุณจำเป็นต้องใช้ขนาดทั้งหมดที่สร้างขึ้นสำหรับเว็บไซต์ของคุณหรือไม่?
- สำหรับเว็บไซต์ส่วนใหญ่ .ico หลายขนาด 180 พิกเซล (Apple Touch Icon) และ PNG ขนาด 192/512 พิกเซล (PWA) จะครอบคลุมกรณีใช้งานหลักทั้งหมด PNG ขนาดเล็กถูกเพิ่มเพื่อความสมบูรณ์และรองรับเบราว์เซอร์เก่า
- เครื่องมือนี้จะอัปโหลดข้อมูลของฉันหรือไม่?
- ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจึงไม่เคยออกจากอุปกรณ์ของคุณ — และหลังจากโหลดหน้าแล้วยังใช้งานแบบออฟไลน์ได้ด้วย