ลากภาพมาวางที่นี่หรือคลิกเพื่อเรียกดู
รองรับหลายไฟล์ — สามารถวางจากคลิปบอร์ดได้ด้วย
ไฟล์เดียว ≤  20MB กลุ่ม ≤  30 รวม ≤  200MB
ฝั่งเซิร์ฟเวอร์
แปลงแบบกลุ่ม
ลบอัตโนมัติ
38 รูปแบบ
HTTPS
ไม่จำกัด & ฟรี
ไม่ต้องสมัครสมาชิก
ใช้งานได้บนมือถือ
ไฟล์ที่จะแปลง 0
เลือกรูปแบบปลายทาง

SVG เป็น ICO: ต้นฉบับเวกเตอร์ คมชัดทุกขนาด

เมื่อสร้างไอคอนจาก PNG ขีดจำกัดด้านความคมชัดจะขึ้นอยู่กับจำนวนพิกเซลที่ PNG มี หากป้อนภาพ 64x64 รายการ 256 จะทำได้เพียงการขยายเท่านั้น แต่เวกเตอร์ไม่มีข้อจำกัดนี้ เพราะเก็บรูปทรง ไม่ใช่พิกเซล ดังนั้นการเรนเดอร์ในขนาดใหญ่ขึ้นจึงเป็นเพียงการคำนวณใหม่ หากมีต้นฉบับเวกเตอร์ นั่นคือจุดเริ่มต้นที่ดีกว่าสำหรับการทำไอคอน และเป็นหนึ่งในเหตุผลที่วิธีนี้ถูกใช้งานมากขึ้นในช่วงหลัง

มีข้อผิดพลาดสำคัญอย่างหนึ่งที่ควรรู้ไว้ตั้งแต่ต้น Rasterizer จะเรนเดอร์ SVG ตาม width และ height ที่ระบุไว้ในไฟล์ และ SVG สำหรับไอคอนเกือบทั้งหมดจะกำหนด width="24" หากเรนเดอร์ด้วยขนาดนี้ คุณจะได้กริด 24 พิกเซล จากนั้นไอคอนทั้งหกขนาดจะต้องถูกขยายอีกครั้ง ทำให้ข้อได้เปรียบของเวกเตอร์หายไปทั้งหมด PicEditLab จะตรวจสอบผลลัพธ์ที่เรนเดอร์ในขั้นตอนนี้ และหากด้านที่ยาวที่สุดสั้นกว่า 512 จะเรนเดอร์เวกเตอร์ต้นฉบับใหม่ในขนาดที่ใหญ่กว่า ขั้นตอนที่สองนี้คือการเรนเดอร์ใหม่ ไม่ใช่การขยาย เพราะ path จะถูกคำนวณใหม่ จึงไม่สูญเสียข้อมูล

ปัจจุบันเบราว์เซอร์สามารถใช้ SVG favicon ได้โดยตรง เพียงมีแท็ก link ใน head ที่ตั้ง type เป็น image/svg+xml และคุณยังสามารถให้ไอคอนเปลี่ยนตามโหมดมืดด้วย CSS media query ได้ แต่ /favicon.ico ที่รากเว็บไซต์ยังเป็นเส้นทางที่เบราว์เซอร์ร้องขอเองโดยไม่อ่าน HTML และยังเป็นสิ่งที่ Safari bookmarks, Windows desktop shortcuts และ crawler ส่วนใหญ่ค้นหา วิธีที่ใช้งานได้จริงคือให้ทั้งสองแบบ: SVG สำหรับเบราว์เซอร์ที่รองรับ และ ICO สำหรับสภาพแวดล้อมที่เหลือ

เวกเตอร์รับประกันขอบที่คมสะอาด แต่ไม่สามารถช่วยงานออกแบบที่มีรายละเอียดมากเกินไปได้ ที่ขนาด 16x16 ตัวอักษรหนึ่งตัวมีความสูงประมาณสิบกว่าพิกเซล และเส้นบางมาก gradient รวมถึงข้อความเล็กภายในจะกลายเป็นก้อนที่อ่านไม่ออกในขนาดนี้ ไม่ว่าจะมาจากรูปแบบใด หากไอคอนของคุณอ่านไม่ออกเมื่อมีขนาดเล็ก วิธีแก้ต้องอยู่ที่งานออกแบบเอง: เพิ่มความหนาของเส้น ตัดรายละเอียดภายในออก และเหลือไว้เฉพาะ silhouette ที่คนมองแล้วจำได้จริง

ต้องการ bitmap ธรรมดาเท่านั้นใช่ไหม? แปลง SVG เป็น PNG

ข้อความที่ยังไม่ได้แปลงเป็น outline จะถูกเรนเดอร์ด้วยฟอนต์ที่ติดตั้งอยู่บนเซิร์ฟเวอร์ หากไม่มีฟอนต์ที่คุณระบุไว้ ข้อความยังคงถูกวาด แต่จะใช้ฟอนต์ทดแทน ทำให้รูปร่างและความกว้างของตัวอักษรอาจไม่ตรงกับงานออกแบบ หากไอคอนมีข้อความ ให้แปลงข้อความเป็น path หรือสร้าง outline ในเครื่องมือออกแบบก่อนอัปโหลด

แปลง SVG เป็น ICO ใน 3 ขั้นตอน

ไม่ต้องมีความรู้ด้านเทคนิค ฟรี รวดเร็ว และใช้งานได้บนทุกอุปกรณ์

01
📂
อัปโหลด
ลากและวาง คลิกเพื่อเรียกดู หรือวางภาพจากคลิปบอร์ด อัปโหลดทีละไฟล์หรือแบบกลุ่ม — ทำได้ทั้งนั้น
02
🎯
เลือกรูปแบบปลายทาง
เลือกรูปแบบปลายทางจากตัวเลือก เราตั้งค่าพารามิเตอร์การเข้ารหัสเฉพาะรูปแบบโดยอัตโนมัติเพื่อคุณภาพสูงสุด
03
📦
ดาวน์โหลด
การแปลงมักเสร็จในไม่กี่วินาที หน้าจะนำทางไปยังหน้าดาวน์โหลดโดยอัตโนมัติ — คลิกเพื่อรับไฟล์ ZIP

ทำไมต้องใช้ PicEditLab เพื่อแปลง SVG เป็น ICO

สร้างบนชุดเครื่องมือแปลงโอเพนซอร์สที่ผ่านการพิสูจน์หลายตัว เราเลือกกระบวนการที่เหมาะสมที่สุดสำหรับแต่ละคู่รูปแบบ หลีกเลี่ยงการเพี้ยนสีและคุณภาพลดลงที่พบบ่อยในการแปลงฝั่งเบราว์เซอร์

คุณภาพสูงกว่าการแปลงผ่านเบราว์เซอร์
เราใช้เครื่องมือโอเพนซอร์สระดับอุตสาหกรรม — ImageMagick, libheif, libavif, libjxl และ OpenJPEG — เพื่อคุณภาพเอาต์พุตที่ตัวแปลงบนเบราว์เซอร์ไม่สามารถทำได้
ความเป็นส่วนตัวและความปลอดภัยเป็นอันดับแรก
ทุกการอัปโหลดเข้ารหัสระหว่างส่งผ่าน HTTPS และถูกลบอัตโนมัติจากเซิร์ฟเวอร์ภายใน 1 ชั่วโมง
ประมวลผลหลายไฟล์และดาวน์โหลด ZIP
อัปโหลดหลายภาพและแปลงทั้งหมดในครั้งเดียว ผลลัพธ์บรรจุใน ZIP เดียวพร้อมดาวน์โหลดได้ทันที
ครอบคลุมทั้งรูปแบบกระแสหลักและเฉพาะทาง
รองรับ PNG, JPG, WebP, AVIF, GIF, HEIC, JPEG XL, JPEG 2000 รวมถึงรูปแบบ RAW จาก Canon, Nikon, Sony, Pentax และอื่นๆ เอาต์พุตเป็น JPG, PNG, WebP, AVIF, PDF, ICO, GIF, HEIC, JXL, TIFF, BMP, SVG, EPS, JP2
ฟรี 100% ไม่ต้องสมัครสมาชิก
ไม่มีขีดจำกัดการแปลง ไม่มีแผนชำระเงิน ไม่มีเวอร์ชันโปรซ่อน ไม่มีข้อความแจ้งอัปเกรด ใช้ได้มากเท่าที่ต้องการ
ประสบการณ์เดียวกันบนทุกอุปกรณ์
เลย์เอาต์ Responsive ทำงานเหมือนกันบนเดสก์ท็อป แท็บเล็ต และโทรศัพท์ ไม่ต้องติดตั้งแอป เปิดใช้งานได้เลย

คำถามที่พบบ่อย — SVG เป็น ICO

SVG เป็นเวกเตอร์อยู่แล้ว แล้วทำไมต้องแปลงเป็น ICO?
เพราะหลายสถานที่รองรับเฉพาะ ICO /favicon.ico ที่รากเว็บไซต์เป็นเส้นทางตายตัวที่เบราว์เซอร์ร้องขอโดยไม่อ่าน HTML และทางลัด Windows หรือไอคอน Explorer ก็มักไม่รองรับรูปแบบอื่น SVG favicon จึงเป็นส่วนเสริม ไม่ใช่ตัวแทนของ ICO โดยทั่วไปควรให้ทั้งสองแบบ: SVG สำหรับเบราว์เซอร์ที่รองรับ และ ICO เป็น fallback สำหรับส่วนที่เหลือ
SVG ของฉันมีแค่ 24x24 ยังสร้างไอคอน 256 ที่คมชัดได้ไหม?
ได้ width="24" ที่เขียนอยู่ในไฟล์เป็นเพียงขนาดการแสดงผลเริ่มต้น ไม่ใช่ขีดจำกัดคุณภาพ สิ่งที่เก็บจริงคือพิกัด path และสามารถเรนเดอร์ใหม่ที่ขนาดใดก็ได้ หน้านี้ตรวจพบว่าขนาดที่ระบุไว้เล็กเกินไป จึงเรนเดอร์เวกเตอร์ใหม่ที่ 512 px หรือใหญ่กว่า แล้วลดขนาดไอคอนทั้งหกจากผลลัพธ์นั้น ดังนั้นแม้ไฟล์จะระบุ 24 ก็ยังสร้างรายการ 256 ที่คมชัดได้ ซึ่งต่างจากการแปลง PNG 24x24 โดยสิ้นเชิง เพราะ PNG ไม่มีพิกเซลเพิ่มเติมให้ใช้แล้ว
พื้นหลังโปร่งใสยังคงอยู่หรือไม่?
ใช่ ระบบจะไม่วาดอะไรไว้ด้านหลังงาน ดังนั้นพื้นที่โปร่งใสใน SVG จะยังโปร่งใสใน ICO และแต่ละขนาดทั้งหกจะมี alpha channel ของตัวเอง จึงไม่มีกรอบสีขาวด้านหลังไอคอนบนแถบงานสีเข้มหรือแถบแท็บสีอ่อน ในทางกลับกัน หาก SVG วาดสี่เหลี่ยมสีขาวเป็นพื้นหลัง สี่เหลี่ยมนั้นถือเป็นส่วนหนึ่งของงานและจะถูกเก็บไว้
ฉันใช้ SVG เป็น favicon อย่างเดียวและไม่ใช้ ICO ได้ไหม?
ได้ แต่ไม่ควรส่งเฉพาะ SVG เพิ่มแท็ก link ที่ตั้ง rel เป็น icon และ type เป็น image/svg+xml แล้วเบราว์เซอร์สมัยใหม่จะใช้ SVG ได้ ทำให้ไอคอนคมชัดในทุกขนาดและสามารถมีเวอร์ชันสำหรับโหมดมืดผ่าน CSS ได้ ปัญหาคือยังมีสภาพแวดล้อมที่ไม่รองรับ และเครื่องมือจำนวนมากจะเรียก /favicon.ico โดยตรงโดยไม่สนใจ HTML การให้ทั้งสองแบบแทบไม่มีต้นทุน จึงไม่ค่อยมีเหตุผลที่จะเสี่ยง
ผลลัพธ์ว่างเปล่าหรือหายไปบางส่วน เกิดอะไรขึ้น?
เกือบทั้งหมดเกิดจากสามสาเหตุ SVG อ้างอิงรูปภาพหรือฟอนต์ภายนอกผ่าน URL แต่เซิร์ฟเวอร์ไม่สามารถดึงมาได้ จึงทำให้ส่วนนั้นว่าง ข้อความใช้ฟอนต์ที่ไม่มีบนเซิร์ฟเวอร์จึงถูกวาดด้วยฟอนต์ทดแทน หรือ artwork ใช้ stroke อย่างเดียวโดยไม่มี fill และการตั้งค่า export บางแบบทำให้ความกว้างของ stroke หายไประหว่าง rasterisation ทั้งสามกรณีแก้เหมือนกัน: ในเครื่องมือออกแบบ ให้แปลงข้อความและ stroke เป็น path และฝังรูปภาพที่ลิงก์ไว้ลงในไฟล์ จากนั้น export และอัปโหลดใหม่
การแปลง SVG เป็น ICO จะทำให้คุณภาพภาพลดลงหรือไม่?
เราใช้การตั้งค่าคุณภาพสูงสำหรับการแปลง SVG เป็น ICO เมื่อต้นทางเป็น Lossless และปลายทางเป็น Lossy เราเข้ารหัสที่คุณภาพ 90 ซึ่งรักษารายละเอียดที่ตามองเห็น เมื่อปลายทางเป็น Lossless (เช่น PNG) ทุกพิกเซลจะถูกเก็บไว้ครบถ้วน
การแปลง SVG เป็น ICO ทำในเบราว์เซอร์หรือบนเซิร์ฟเวอร์?
การแปลงทำงานบนเซิร์ฟเวอร์ทั้งหมดด้วยเครื่องมือมาตรฐานอุตสาหกรรม — ImageMagick, libheif, libavif, libjxl, OpenJPEG และอื่นๆ การแปลงฝั่งเซิร์ฟเวอร์ไม่ถูกจำกัดโดยความสามารถถอดรหัสของเบราว์เซอร์ จึงรองรับรูปแบบที่เบราว์เซอร์ไม่สามารถอ่านได้ (RAW, HEIC, AVIF, JPEG XL) และให้คุณภาพที่สูงกว่าอย่างสม่ำเสมอ
ภาพที่อัปโหลดจะถูกเก็บไว้บนเซิร์ฟเวอร์หรือไม่?
ไม่ ไฟล์ส่งผ่าน HTTPS ใช้เฉพาะสำหรับการแปลงนั้น และถูกลบอัตโนมัติ 1 ชั่วโมงหลังอัปโหลด เราไม่เคยเข้าถึง วิเคราะห์ แชร์ หรือนำไฟล์ของคุณไปฝึกโมเดล
แปลงภาพได้กี่ไฟล์ในครั้งเดียว?
สูงสุด 30 ภาพต่อกลุ่ม รวมขนาดไม่เกิน 200 MB สำหรับงานขนาดใหญ่กว่านี้ แบ่งเป็นหลายกลุ่มได้เลย ไม่มีขีดจำกัดรายวัน
ข้อมูล EXIF จะยังคงอยู่หลังการแปลงหรือไม่?
โดยค่าเริ่มต้น เราเก็บ Metadata ที่ถ่ายโอนข้ามรูปแบบได้ สำหรับไฟล์ที่แปลงจาก RAW พารามิเตอร์การถ่าย Color Space และ ICC Profile จะถูกย้ายหากเป็นไปได้ หากต้องการลบ Metadata ให้ใช้เครื่องมือเฉพาะทางในภายหลัง
การแปลง SVG เป็น ICO ฟรีหรือไม่? ต้องมีบัญชีหรือไม่?
ใช่ ฟรีทั้งหมด และไม่ต้องมีบัญชี ไม่ต้องสมัครสมาชิก ไม่ต้องกรอกอีเมล ไม่มีโควตารายวัน และไม่มีการจำกัดจำนวนครั้งที่ใช้งาน ไฟล์ ICO ที่คุณดาวน์โหลดไม่มีลายน้ำ และจะไม่ถูกปรับขนาดหรือลดคุณภาพไม่ว่าด้วยวิธีใด คุณสามารถแปลงไฟล์ SVG ได้สูงสุด 30 ไฟล์ในครั้งเดียว และรับกลับมาเป็นไฟล์ ZIP เดียว
สำหรับใช้งานเว็บ ตัวเลือกใดดีกว่า — SVG หรือ ICO?
สำหรับการใช้งานเว็บสมัยใหม่ส่วนใหญ่ ICO เป็นตัวเลือกที่แข็งแกร่งกว่า — มักให้การบีบอัดที่ดีกว่า รองรับฟีเจอร์มากกว่า หรือทั้งสองอย่างเมื่อเทียบกับ SVG อย่างไรก็ตาม SVG ยังมีบทบาทของตัวเอง: หากต้องการความเข้ากันได้สูงสุดกับเบราว์เซอร์รุ่นเก่า Email Client หรือแพลตฟอร์มที่ยังไม่รองรับ ICO แล้ว SVG คือทางเลือกที่ปลอดภัยกว่า คำตอบที่ถูกต้องขึ้นอยู่กับกลุ่มผู้ใช้และการใช้งานของคุณ ลองส่งออกทั้งสองแบบแล้วเปรียบเทียบขนาดไฟล์และคุณภาพก่อนตัดสินใจ

วิธีแปลง SVG เป็น ICO ออนไลน์ฟรี

การแปลงภาพ SVG เป็น ICO เกิดขึ้นในหลายสถานการณ์ ทั้งเพื่อให้ไฟล์ใช้งานได้กับอุปกรณ์หรือแพลตฟอร์มอื่น ลดพื้นที่จัดเก็บ หรือเตรียมภาพสำหรับอัปโหลดบริการที่ไม่รองรับรูปแบบต้นทาง วิธีดั้งเดิมคือติดตั้ง Photoshop, GIMP หรือแอปเดสก์ท็อปที่คล้ายกัน — เกินความจำเป็นสำหรับงานที่ทำเป็นครั้งคราว ตัวแปลงบนเบราว์เซอร์เป็นอีกทางเลือก แต่ถูกจำกัดด้วยความสามารถถอดรหัสของเบราว์เซอร์ และไม่รองรับรูปแบบพิเศษอย่าง RAW, HEIC หรือ AVIF เลย PicEditLab ทำการแปลงฝั่งเซิร์ฟเวอร์ ดังนั้นการรองรับรูปแบบ คุณภาพ และความเร็วจึงไม่ขึ้นอยู่กับเบราว์เซอร์หรืออุปกรณ์ของคุณ

ขั้นตอนทีละขั้น: แปลง SVG เป็น ICO

การแปลงบน PicEditLab ทำได้ใน 3 ขั้นตอน — อัปโหลด เลือกรูปแบบปลายทาง ดาวน์โหลด:

  • ลากและวางหรือคลิกเพื่ออัปโหลดไฟล์ SVG หนึ่งไฟล์หรือมากกว่าในพื้นที่อัปโหลด คุณยังสามารถวางภาพโดยตรงจากคลิปบอร์ดได้
  • เลือก ICO เป็นรูปแบบปลายทางจากตัวเลือกรูปแบบ จากนั้นตรวจสอบรายการไฟล์
  • คลิก "เริ่มการแปลง" เมื่อไฟล์อัปโหลดเสร็จ เซิร์ฟเวอร์จะแปลงให้เสร็จภายในไม่กี่วินาที
  • เมื่อการแปลงเสร็จสิ้น หน้าจะนำทางไปยังหน้าดาวน์โหลดโดยอัตโนมัติ คลิกปุ่มดาวน์โหลดเพื่อรับ ZIP ที่มีทุกไฟล์ที่แปลงแล้ว

รายละเอียดทางเทคนิค — การแปลง SVG เป็น ICO

เซิร์ฟเวอร์ของเราใช้ชุดเครื่องมือโอเพนซอร์สที่ผ่านการพิสูจน์แล้ว ImageMagick จัดการการแปลง Color Space และการ Resampling, libheif ใช้ Codec x265 สำหรับ HEIC, libavif ใช้ AOM สำหรับ AVIF, libjxl จัดการ JPEG XL, OpenJPEG รองรับ JPEG 2000 และ dcraw ถอดรหัสข้อมูลเซ็นเซอร์ดิบจากไฟล์ RAW เอาต์พุต JPG ใช้คุณภาพ 85 พร้อม Progressive Encoding เพื่อโหลดเร็วขึ้นบนเว็บ เอาต์พุต PNG ใช้ zlib บีบอัดสูงสุดเพื่อให้ไฟล์เล็กที่สุดโดยไม่สูญเสียรายละเอียดแม้แต่พิกเซลเดียว

เคล็ดลับการแปลง SVG เป็น ICO

  • หากภาพต้นทาง SVG มีพื้นที่โปร่งใสและปลายทาง (ICO) ไม่รองรับ (เช่น JPG) พื้นที่โปร่งใสจะถูกเติมด้วยสีขาว ซึ่งเป็นพฤติกรรมปกติของการแปลงรูปแบบ
  • เมื่อแปลงภาพเคลื่อนไหว (GIF, APNG) เป็นรูปแบบนิ่ง จะเก็บเฉพาะเฟรมแรก หากต้องการเก็บทุกเฟรม ให้เลือกรูปแบบปลายทางที่รองรับแอนิเมชัน
  • เมื่อแปลงจาก RAW เราจะดึง JPEG Preview ที่ฝังในกล้องก่อนเพื่อการสืบสร้างสีที่แม่นยำ หากไม่มี Preview ที่ฝังอยู่ เราจะใช้ dcraw ค่าเริ่มต้นสำหรับ Demosaic แบบเต็ม