ตัวแปลงฟอร์แมตรูปภาพ

แปลง PNG, JPG, WebP และ AVIF — ลาก วาง ดาวน์โหลด ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ไบต์ของรูปภาพไม่เคยออกจากแท็บของคุณ

ตัวแปลงฟอร์แมตรูปภาพ — TL;DR

ไม่ เครื่องมือทั้งหมดเป็น JavaScript ที่ทำงานอยู่ในหน้านี้ รูปภาพจะถูกถอดรหัสด้วย createImageBitmap วาดลงบน canvas และเข้ารหัสใหม่ด้วย canvas.toBlob — ทุกขั้นตอนเกิดขึ้นในเบราว์เซอร์ เปิด DevTools → Network แล้วดู: ไม่มีคำขอใดเกิดขึ้นเลยขณะแปลง ปลอดภัยสำหรับรูปส่วนตัว ภาพหน้าจอ ไฟล์ออกแบบ และเอกสารลับ

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

ภาพถ่ายมีตำแหน่งที่ตั้งและใบหน้า ภาพหน้าจออาจมีข้อมูลรับรองตัวตน ไฟล์ออกแบบคือฟีเจอร์ของผลิตภัณฑ์ที่ยังไม่ประกาศ การวางสิ่งเหล่านี้ลงในเซิร์ฟเวอร์ของคนอื่นคือการรั่วไหลของข้อมูลแบบเงียบ ๆ ตัวแปลงของ iKit เป็น JavaScript ที่โหลดอยู่แล้วในแท็บเบราว์เซอร์ของคุณ

ฟอร์แมตปลายทาง

คุณภาพ (82%)

ใช้ได้กับฟอร์แมตที่มีการสูญเสียข้อมูลเท่านั้น (JPG / WebP / AVIF) ส่วน PNG จะไร้การสูญเสียเสมอ ค่าระหว่าง 75-85% เหมาะกับภาพถ่ายส่วนใหญ่

วางรูปภาพที่นี่ หรือคลิกเพื่อเลือก

PNG, JPG, WebP, AVIF, GIF, BMP — เลือกได้หลายไฟล์ ไม่มีการอัปโหลด

ทำไมต้อง iKit Image Format Converter

ออกแบบมาเพื่อนักออกแบบ นักพัฒนา และทุกคนที่เคยถูกบอกว่าใช้ฟอร์แมตไฟล์ผิด — แปลงเสร็จในสองคลิก ไม่ต้องรอเซิร์ฟเวอร์

สี่ฟอร์แมต ในเครื่องมือเดียว

PNG, JPG, WebP และ AVIF — แปลงไปได้ทุกทิศทาง วางโฟลเดอร์ที่มีฟอร์แมตปนกัน แล้วแปลงทั้งหมดเป็นฟอร์แมตเดียวได้ในครั้งเดียว

ควบคุมคุณภาพได้เต็มที่

ปรับคุณภาพได้ตั้งแต่ 40% ถึง 100% สำหรับฟอร์แมตที่มีการสูญเสียข้อมูล (JPG / WebP / AVIF) ด้วยแถบเลื่อนแบบเรียลไทม์ ส่วน PNG จะคมชัดทุกพิกเซลโดยไม่สูญเสียคุณภาพเสมอ

ออกแบบเพื่อความเป็นส่วนตัว

การแปลงเกิดขึ้นในเบราว์เซอร์ของคุณผ่าน canvas API ไม่มีการอัปโหลด ไม่มีบันทึก ไม่มีบุคคลที่สาม ตรวจสอบได้ใน DevTools → Network: ไม่มีคำขอแม้แต่ครั้งเดียว

รองรับฟอร์แมตยุคใหม่

WebP และ AVIF มักให้ไฟล์เล็กกว่า JPG/PNG ถึง 25-50% ที่คุณภาพเทียบเท่ากัน AVIF ต้องใช้ Chrome 85+ หรือ Safari 16.4+ เพื่อเข้ารหัส เราตรวจสอบความสามารถและแจ้งให้คุณทราบ

ดาวน์โหลดเป็นชุด

แปลงรูปหลายสิบไฟล์ในครั้งเดียว แล้วคลิก "ดาวน์โหลดทั้งหมด" เพื่อบันทึก แต่ละไฟล์จะคงชื่อเดิมพร้อมนามสกุลใหม่

ทำงานออฟไลน์ได้

หลังจากโหลดหน้าเว็บแล้ว การแปลงทั้งหมดเกิดขึ้นในเครื่อง — ใช้ได้บนเครื่องบิน บนรถไฟ หลังไฟร์วอลล์องค์กร หรือแม้ถอดสายเน็ตออก

การแปลงรูปภาพในเบราว์เซอร์ทำงานอย่างไร

ไม่มีเซิร์ฟเวอร์อยู่ในขั้นตอนนี้ — เบราว์เซอร์ของคุณมาพร้อมตัวเข้ารหัสที่จำเป็นทั้งหมดอยู่แล้ว

1

ถอดรหัสไฟล์ต้นฉบับ

เราเรียก createImageBitmap(file) ซึ่งใช้ตัวเข้ารหัสรูปภาพภายในของเบราว์เซอร์เพื่อแปลงไบต์ดิบเป็นบิตแมปที่วาดได้ PNG, JPG, WebP, AVIF, GIF, BMP — อะไรก็ตามที่ <img> แสดงได้ ตัวนี้ก็ถอดรหัสได้
2

วาดลงบน canvas

<canvas> ใหม่ถูกปรับขนาดตามความกว้าง × ความสูงตามธรรมชาติของรูปภาพ และบิตแมปถูกวาดด้วยความละเอียดเต็ม ไม่มีการสุ่มตัวอย่างใหม่ ไม่มีการปรับขนาด — พิกเซลต่อพิกเซล
3

เข้ารหัสใหม่เป็นฟอร์แมตปลายทาง

canvas.toBlob('image/webp', 0.82) ส่งพิกเซลของ canvas ให้ตัวเข้ารหัสของเบราว์เซอร์สำหรับฟอร์แมตที่เลือก แล้วคืนค่าเป็น Blob สตริง MIME คือสิ่งเดียวที่เราเปลี่ยนระหว่างฟอร์แมต
4

ส่งไฟล์ให้ดาวน์โหลด

เราเรียก URL.createObjectURL(blob) เพื่อรับ URL ในเครื่อง แนบกับลิงก์ดาวน์โหลด แล้วผู้ใช้ก็ได้ไฟล์ที่ไม่เคยแตะเครือข่ายเลย

งานแปลงรูปภาพที่พบบ่อย

สถานการณ์จริงที่คุณจะหยิบตัวแปลงรูปขึ้นมาใช้

ลดขนาดภาพถ่ายก่อนโพสต์

โทรศัพท์บันทึกภาพถ่ายเป็น JPG หรือ HEIC ขนาด 4-8 MB การเข้ารหัสใหม่เป็น WebP ที่คุณภาพ 75% จะลดลงเหลือ ~1 MB โดยไม่เห็นการสูญเสียคุณภาพ — เหมาะสำหรับโพสต์บล็อก อัปโหลดในฟอรัม และอีเมล

ลบความโปร่งใสเพื่อใช้กับ CMS

CMS บางตัว (และแอป Office หลายตัว) ปฏิเสธ PNG ที่มี alpha หรือเรนเดอร์โดยมีสีพื้นหลังเพี้ยน ให้แปลงเป็น JPG พร้อมพื้นหลังเรียบ วางได้เลย

ปรับทรัพยากรเว็บไซต์ให้ทันสมัย

แทนที่ logo.png และ hero.jpg ด้วยเวอร์ชัน WebP / AVIF แล้วเสิร์ฟผ่าน <picture> คะแนน Lighthouse จะเพิ่มขึ้น LCP ลดลง โดยไม่เห็นการสูญเสียคุณภาพด้วยตาเปล่า

รับ PNG จากนักออกแบบแล้วส่งมอบเป็น JPG

ได้ไฟล์ออกแบบ PNG ขนาด 24 MB? เว็บไม่ต้องการขนาดนั้น แปลงเป็น JPG ที่ 88% — โดยทั่วไปเหลือ 1-2 MB และมองด้วยตาเปล่าแทบไม่ต่าง พร้อมคืนพื้นที่งบขนาดไฟล์

ทำไมการแปลงในเครื่องจึงสำคัญ

ไม่มีคำขอเครือข่ายระหว่างการแปลง — ตรวจสอบได้ใน DevTools → Network
ข้อมูลเมตา EXIF (ตำแหน่งกล้อง, อุปกรณ์) จะถูกลบเมื่อเข้ารหัสใหม่ — เป็นโบนัสด้านความเป็นส่วนตัวโดยไม่ได้ตั้งใจ
ปลอดภัยสำหรับรูปส่วนตัว ภาพหน้าจอ ไฟล์ออกแบบภายใน และเอกสารลับ

คู่มือที่เกี่ยวข้อง

บทความเชิงลึกและการเปรียบเทียบเครื่องมือจากบล็อก iKit

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

ปลอดภัยไหม รูปของฉันถูกอัปโหลดหรือไม่

ทำไม JPG ที่แปลงแล้วใหญ่กว่า PNG ต้นฉบับ

ควรใช้ WebP, AVIF หรือ JPG เมื่อใด

JPG: เข้ากันได้กับทุกอุปกรณ์และทุก CMS เหมาะกับภาพถ่าย WebP: เล็กกว่า JPG ราว 25% ที่คุณภาพเท่ากัน รองรับในทุกเบราว์เซอร์สมัยใหม่ เป็นตัวเลือก "ดีกว่า JPG" ที่ปลอดภัยที่สุด AVIF: เล็กกว่า WebP อีก 20-30% แต่เข้ารหัสช้ากว่าและมีเพียง Chrome/Safari/Firefox ที่ถอดรหัสได้ (Safari ต้อง 16.4+) ใช้ AVIF บนเว็บถ้าคุณเสิร์ฟด้วย `` พร้อม JPG fallback ใช้ WebP ถ้าต้องการฟอร์แมตเดียวที่ใช้ทดแทนได้ ใช้ JPG ถ้าความเข้ากันได้สำคัญที่สุด

ทำไม AVIF ถึงแสดงว่า "ไม่รองรับ" ในเบราว์เซอร์ของฉัน

การเข้ารหัส AVIF ผ่าน canvas.toBlob ต้องใช้ Chrome 85+, Safari 16.4+ หรือ Firefox เวอร์ชันล่าสุด (โดยเปิด image.avif.compliance_strictness) การถอดรหัส (แสดงผล) รองรับกว้างขวางกว่า แต่การเขียน AVIF ต้องมีตัวเข้ารหัสติดมากับเบราว์เซอร์ iKit ตรวจจับความสามารถและจะปิดตัวเลือกหากเบราว์เซอร์ของคุณเข้ารหัสไม่ได้ วิธีแก้: เปลี่ยนไปใช้ WebP หรือใช้เบราว์เซอร์ที่อิงบน Chromium

รูปของฉันจะคงความโปร่งใสไว้ไหม

PNG, WebP และ AVIF รักษาความโปร่งใสในช่อง alpha ส่วน JPG ไม่รองรับ — การแปลง PNG โปร่งใสเป็น JPG จะเติมพื้นหลังด้วยสีขาว (หรือสีเริ่มต้นของ canvas) หากต้องการความโปร่งใส ให้แปลงเป็น WebP หรือ PNG อย่าแปลงเป็น JPG