ทำอย่างไรถึงจะทำให้ไฟล์รูปภาพมีขนาดเล็กที่สุด


10

ฉันมักจะใช้การบันทึกของ photoshop สำหรับเว็บและอุปกรณ์ แต่ไม่มีตัวเลือกสำหรับการบีบอัด pngs และฉันยังสงสัยว่ามีอัลกอริทึมการบีบอัดที่เหนือกว่าหรือไม่


คุณสามารถเลือกคุณภาพของภาพได้อย่างง่ายดายทุกครั้งที่คุณบันทึกใน Paint.NET ฉันคิดว่าคุณสามารถทำสิ่งเดียวกันใน GIMP ได้เช่นกัน แต่ฉันก็ไม่แน่ใจ
Mateen Ulhaq

มีโปรแกรมมากมายให้คุณเลือกคุณภาพของภาพ แต่มีวิธีต่าง ๆ มากมายบางวิธีมีประสิทธิภาพมากกว่าวิธีอื่น ฉันส่วนใหญ่เกี่ยวข้องกับการลดขนาดด้วยการเสียสละคุณภาพน้อยที่สุดเท่าที่จะเป็นไปได้
Damon

คำถามที่เกี่ยวข้อง: PNG graphicdesign.stackexchange.com/q/3162/10419 JPEG graphicdesign.stackexchange.com/q/3429/10419
Kornel

คำตอบ:


8

หากประเภทไฟล์เป้าหมายเป็น PNG แสดงว่าคุณมีตัวเลือกอยู่สองสามตัว ก่อนอื่นให้เปิด PNG ใน Fireworks จากนั้นบันทึกที่ปรับให้เหมาะสม FW ได้รวมไฟล์. png ไว้ดีกว่า PS จากนั้นใช้PNGOUT (ฟรีแวร์) เพื่อบีบอัดเพิ่มเติม ผลลัพธ์โดยทั่วไปจะน้อยกว่า Photoshop ประมาณ 30%


สวัสดีคุณรู้ไหมว่าคุณได้รับไฟล์บีบอัดขนาดเล็กก่อนในดอกไม้ไฟแล้วอีกครั้งด้วย pngout กว่าถ้าคุณใช้ pngout?
Damon

@Damon ฉันเชื่อว่าฉันทดสอบสองสามครั้งและพบว่า FW แล้ว png ทำงานได้ดีขึ้น แต่สิ่งนี้อาจเกี่ยวข้องกับการสร้าง pngs แยกกันเช่นกัน (อัลฟ่า / # ของสีเป็นต้น)
จิน

1

วิธีการของฉันไม่ใช่เทคนิคมากดังนั้นฉันไม่สามารถให้อัลกอริทึมเฉพาะเจาะจงได้ แต่ Adobe Fireworks เป็นหนึ่งในเครื่องมือที่ดีที่สุดในการปรับรูปแบบภาพใด ๆ สำหรับเว็บ คุณสามารถใช้มัน

นอกจากนี้ยังImageOptim ทำงานที่ดีใน OSX ผลลัพธ์เดียวกันกับดอกไม้ไฟฉันเปรียบเทียบมัน


1

ฉันมักจะใช้การบันทึกของ photoshop สำหรับเว็บและอุปกรณ์ แต่ไม่มีตัวเลือกสำหรับการบีบอัด pngs และฉันยังสงสัยว่ามีอัลกอริทึมการบีบอัดที่เหนือกว่าหรือไม่

ประการแรกคุณควรใช้ PNG หรือ JPEG หรือไม่

หากคุณกำลังบันทึกภาพสำหรับเว็บวันนี้ตัวเลือกอยู่ระหว่าง PNG และ JPEG PNG นั้นดีมากสำหรับรูปภาพที่จะบีบอัดอย่างมีประสิทธิภาพแบบไม่สูญเสียไป JPEG เป็นสิ่งที่ดีสำหรับส่วนที่เหลือ

ตามกฎทั่วไปแล้วหากเป็นภาพหรือการแสดงผลที่ซับซ้อน (พื้นผิวที่สมบูรณ์) และใหญ่กว่าประมาณ 60x60 แสดงว่า JPEG น่าจะดีกว่า

จำไว้ด้วยว่า JPEG มีระดับคุณภาพแบบเลื่อนซึ่งมีผลต่อความสวยงามในขณะที่ PNG ไม่ได้ผล

วิธีเพิ่มประสิทธิภาพ PNG

PNG ต่างจาก GIFs ซึ่งรองรับรูปภาพ 24 บิต สิ่งนี้ทำให้เกิดความสับสนอย่างมากโดยผู้ที่อ้างว่ารูปภาพ PNG ใช้พื้นที่มากเกินกว่าภาพที่บันทึกเป็น GIF นี่เป็นสาเหตุหลักมาจากคนที่ไม่ทราบว่ามันปกปิดสี 256 สีเมื่อบันทึกเป็น GIF ในขณะที่พวกเขากำลังรักษาข้อมูลสี 24 บิตแบบเต็มใน PNG

อย่างไรก็ตามใน PNG คุณสามารถลดสีเป็นจานสีเช่นเดียวกับ GIF และสิ่งนี้จะทำให้ขนาดไฟล์ภาพมีขนาดเล็กลงมาก

Photoshop ประหยัดสำหรับเว็บไม่มีตัวเลือกสำหรับการบีบอัด PNGs

สำหรับสถานการณ์ส่วนใหญ่ที่เหมาะสมกับ PNG คุณต้องการใช้จานสี คุณจะได้รับการบีบอัดที่ยอดเยี่ยมเพียงแค่เลือก 256 สีและใช้อัลกอริทึมเริ่มต้นสำหรับการเลือกชุดสี "Save for Web" ของ Photoshop ช่วยให้เรื่องนี้ง่ายขึ้น เพียงเลือก PNG-8 แทน PNG-24 แล้วเริ่มด้วยค่าเริ่มต้น

คุณอาจไม่คิดว่านี่เป็น "การบีบอัด" แต่เป็นการลดคุณภาพของภาพเพื่อให้ได้ขนาดไฟล์ที่เล็กลง - เป็นเพียงแนวทางที่แตกต่าง

หากคุณมีภาพที่เรียบง่ายหรือไอคอนขนาดเล็กมากคุณสามารถลดจำนวนสีเพิ่มเติมเพื่อให้ได้การบีบอัดที่ดีขึ้น ทุกครั้งที่คุณลงด้วยพลังของทั้งสองคุณจะให้ความเร็วในการบีบอัดเล็กน้อยดังนั้น 128 จึงดีกว่า 129-255 เล็กน้อย 64 ดีกว่า 65-127 เล็กน้อย ลอง 256, 128, 64, 32 และ 16


0

เพียงต้องการเพิ่มสิ่งนั้นนอกเหนือจากคำตอบบางส่วนที่ได้รับแล้ว Yahoo! มีเครื่องมือที่เรียกว่าSmushitที่สามารถกำจัดบางไบต์ มันใช้งานง่ายมาก

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.