หมุน PNG

วางไฟล์ PNG แล้วได้ภาพที่หมุน 90, 180 หรือ 270 องศา เนื่องจาก PNG เป็นรูปแบบที่ไม่สูญเสียข้อมูล คุณจึงหมุนได้กี่ครั้งก็ได้โดยไม่มีการลดคุณภาพ, ต่างจาก JPG ที่การเข้ารหัสซ้ำสะสมสิ่งแปลกปลอม ความโปร่งใสถูกรักษาไว้ และสำหรับมุมที่เป็นพหุคูณของ 90 ขนาดที่หมุนจะสลับกันโดยอัตโนมัติ (1920x1080 กลายเป็น 1080x1920)

การหมุน PNG ทำงานอย่างไร

  1. 1

    ถอดรหัส PNG

    ข้อมูลพิกเซลที่บีบอัดแบบ deflate ถูกคลายออกเป็น buffer ARGB ดิบ

  2. 2

    หมุน buffer

    พิกเซลถูกระบุตำแหน่งใหม่ตามทิศทางใหม่ 90° สลับแถวและคอลัมน์ 180° กลับด้านทั้งสอง

  3. 3

    เข้ารหัสใหม่เป็น PNG

    buffer พิกเซลที่หมุนแล้วถูกบีบอัดใหม่ด้วย deflate ผลลัพธ์ไม่สูญเสียข้อมูลเสมอ

  4. 4

    รักษาความโปร่งใส

    ช่อง alpha ถูกหมุนพร้อมกับ RGB ดังนั้นบริเวณโปร่งใสยังคงโปร่งใส

ทำไมการหมุน PNG จึงไม่สูญเสียข้อมูลเสมอ

PNG เข้ารหัสพิกเซลอย่างแม่นยำ, ไม่มีการ quantise ไม่มีบล็อก DCT ขนาด 8x8 แบบ JPEG การหมุนด้วยพหุคูณของ 90 เป็นการระบุตำแหน่งพิกเซลใหม่ล้วน ๆ ค่าสียังคงเหมือนเดิม แม้แต่มุมตามอำเภอใจก็รักษาคุณภาพข้อมูลได้ ตราบใดที่คุณเลือกตัวกรอง resampling ที่เหมาะสม (bicubic, Lanczos) แทน nearest-neighbour

ตัวเลือกการหมุน

การดำเนินการ การเปลี่ยนความกว้าง/ความสูง การใช้งานทั่วไป
90° ตามเข็ม สลับ ภาพแนวตั้งเป็นแนวนอน
180° ไม่เปลี่ยน สแกนกลับด้าน ภาพถ่ายกลับหัว
270° ตามเข็ม สลับ แนวนอนเป็นแนวตั้งอีกทาง
มุมใดก็ได้ ขยายให้พอดี ปรับภาพสแกนหรือรูปถ่ายที่เอียงให้ตรง

ขนาดไฟล์หลังการหมุน

การบีบอัดแบบ deflate ของ PNG ไวต่อความซ้ำซ้อนในแนวแถว ภาพถ่ายแนวนอนที่มีขอบแนวนอนเป็นส่วนใหญ่บีบอัดได้อย่างมีประสิทธิภาพ เพราะแถวที่อยู่ติดกันมักดูคล้ายกัน เมื่อหมุน 90 องศา ขอบเหล่านั้นกลายเป็นแนวตั้ง, และการบีบอัดอาจลดลงอย่างเห็นได้ชัดสำหรับเนื้อหาภาพถ่าย

ประเภทเนื้อหา การเปลี่ยนขนาดทั่วไปหลัง 90°
กราฟิกสีเรียบ เปลี่ยน <1%
ภาพหน้าจอ UI เปลี่ยน 1–5%
ภาพถ่าย (เข้ารหัสเป็น PNG) ใหญ่ขึ้นถึง 15–20%
ทรัพยากร UI โปร่งใส น้อยมาก

สำหรับภาพถ่าย JPG เป็นรูปแบบที่ดีกว่าไม่ว่าทิศทางใด หากภาพถ่าย PNG โตขึ้นอย่างมากหลังการหมุน นั่นเป็นสัญญาณว่าควรแปลงเป็น JPG แทน

ความโปร่งใส

พิกเซลโปร่งใสเต็มที่ พิกเซลกึ่งโปร่งใส และพิกเซลทึบ ล้วนถูกหมุนไปด้วยกัน, ช่อง alpha ตามช่อง RGB โลโก้ที่มีเงาตกนุ่ม ๆ ยังคงเหมือนเดิมหลังการหมุน (เงาแค่ชี้ไปอีกทางหนึ่ง)

เมื่อใดควรหมุนในเบราว์เซอร์ กับ ใน CSS

  • หมุนไฟล์ เมื่อภาพมีทิศทางผิดบนดิสก์ จะถูกอัปโหลดไปที่ที่ไม่เคารพ metadata การหมุน หรือจะถูกพิมพ์
  • หมุนใน CSS ด้วย transform: rotate(...) เมื่อคุณต้องการการหมุนภาพชั่วคราวบนหน้าเว็บเท่านั้น ไฟล์ยังคงเหมือนเดิม เบราว์เซอร์ประกอบการหมุน

การหมุนหลายครั้ง

PNG ให้คุณต่อการหมุนได้อย่างอิสระ 90 + 90 + 90 + 90 กลับไปสู่ไบต์ดั้งเดิมที่แน่นอน (อย่างน้อยในแง่ของเนื้อหาพิกเซล, พารามิเตอร์การเข้ารหัสอาจต่างกันไม่กี่ไบต์) JPG ไม่ให้การรับประกันเดียวกันเนื่องจากการสูญเสียจากการเข้ารหัสซ้ำ

Metadata

PNG รองรับ chunk ที่เป็นข้อความ (tEXt, iTXt, zTXt) สำหรับ metadata เครื่องมือนี้หมุนภาพโดยวาดพิกเซลใหม่บน canvas แล้วส่งออกเป็น PNG ใหม่ ดังนั้น chunk ข้อความเหล่านี้จะไม่ถูกเก็บไว้ในไฟล์ที่หมุนแล้ว หากต้องการเก็บ metadata ที่ฝังไว้ ให้หมุนด้วยเครื่องมือที่คัดลอก chunk เหล่านี้ หรือเพิ่ม metadata กลับเข้าไปใหม่ภายหลัง

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

ใช่: เล็กน้อย การบีบอัดของ PNG ไวต่อแถว ดังนั้นการหมุน 90 อาจเปลี่ยนขนาดไฟล์ 1–20% ขึ้นอยู่กับเนื้อหาภาพ

ใช่ PNG เข้ารหัสพิกเซลอย่างแม่นยำ ดังนั้นการหมุนและบันทึกซ้ำจึงไม่สูญเสียคุณภาพ: ต่างจาก JPG

ใช่ ช่อง alpha ถูกหมุนไปพร้อมกับช่อง RGB ดังนั้นบริเวณโปร่งใสยังคงโปร่งใส

เครื่องมือรองรับมุมตามอำเภอใจด้วย resampling แบบ anti-aliased การหมุนเองยังไม่สูญเสียข้อมูลในแง่ความถูกต้องของสี แต่ขอบจะกลายเป็น anti-aliased แทนที่จะคมในระดับพิกเซล

ไม่ การถอดรหัส การหมุน และการเข้ารหัสใหม่ทั้งหมดทำงานในเบราว์เซอร์โดยใช้ canvas ร่วมกับตัวเข้ารหัส PNG

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

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

เครื่องสร้างกระดาษเส้นบรรทัด

สร้างกระดาษเส้นบรรทัดพร้อมพิมพ์ได้ฟรี เลือกเส้นแบบวิทยาลัย กว้าง หรือแคบ ตั้งระยะห่างบรรทัดเป็นมิลลิเมตร ขนาดกระดาษ และเส้นขอบ แล้วพิมพ์หรือดาวน์โหลดเป็น SVG

เครื่องมือแบ่งกริดรูปภาพ Instagram

แบ่งรูปภาพขนาดใหญ่ให้เป็นกริด Instagram ขนาด 3×3 หรือกี่แถวก็ได้ แต่ละแผ่นภาพมีหมายเลขกำกับ จึงอัปโหลดแบบย้อนลำดับได้ง่าย

เครื่องมือสร้างธง

ออกแบบธงแบบกำหนดเองอัตราส่วน 3:2 อย่างเรียบง่ายในเบราว์เซอร์ ด้วยเลย์เอาต์ 6 แบบ สี ข้อความ และสัญลักษณ์ ดาวน์โหลด SVG หรือ PNG หรือเปิดกล่องโต้ตอบการพิมพ์ของเบราว์เซอร์ได้

ตัวแปลง JPG เป็น Word

แปลงภาพถ่าย JPG หรือภาพหน้าจอของข้อความเป็นเอกสาร Word ที่แก้ไขได้ เครื่องมืออ่านคำด้วย OCR แล้วจัดวางเพื่อให้คุณเขียนใหม่ จัดรูปแบบ และนำกลับมาใช้ได้

โปรแกรมแปลงรูปแบบภาพ

แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP

เครื่องมือนี้มีให้บริการในภาษาอื่น