ลดขนาดไฟล์โดยไม่สูญเสียคุณภาพ

ฉันต้องการบันทึกไฟล์ใน Photoshop แต่ให้มีขนาดเล็กที่สุด

ฉันใช้บันทึกสำหรับเว็บ (และอุปกรณ์) และบันทึกเป็น JPEG นี่คือการตั้งค่าที่ฉันใช้:

ฉันไม่ต้องการลดการตั้งค่าคุณภาพลงเพราะฉันใช้ข้อความและบางครั้งฉันเห็นสิ่งประดิษฐ์หากการตั้งค่าต่ำเกินไป

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

ปรับปรุง:

หากต้องการเพิ่มข้อมูลเพิ่มเติมที่นี่:

ภาพจำนวนมากที่ฉันใช้และสร้างรับส่งทางอีเมล นี่เป็นการ จำกัด สิ่งที่ฉันสามารถทำได้อย่างมากกับการวางข้อความโดยใช้ HTML และ CSS บนรูปภาพ

นอกจากนี้ฉันใช้แบบอักษรที่หลากหลาย บางอย่างที่ฉันสามารถใช้สำหรับเว็บโดยใช้ CSS @font-faceแต่คุณสามารถเรียกใช้เป็นไฟล์ขนาดใหญ่และในบางกรณีคุณไม่สามารถอัปโหลดแบบอักษรไปยังเว็บได้อย่างถูกกฎหมาย ฉันสามารถใช้บริการเช่นTypekit ได้แต่แบบอักษรอีกมากมายที่ฉันใช้ไม่สามารถใช้ได้กับ Typekit

นี่คือภาพตัวอย่าง:

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

รูปแบบการบีบอัดเฉพาะพารามิเตอร์การลดสี ฯลฯ ขึ้นอยู่กับกรณีและปัญหาเฉพาะ มีรูปภาพบางรูปที่คุณสามารถบันทึกได้อย่างปลอดภัยด้วยการตั้งค่า "ตัวเลื่อน" การบีบอัด JPEG เป็น 30 หรือ 40 โดยไม่ทำให้สิ่งประดิษฐ์ปรากฏชัดเจน บางคนต้องการการตั้งค่า 80 ขึ้นไป ดวงตาของคุณควรเป็นผู้พิพากษา

เมื่อเราพูดถึงการบีบอัด JPEG อย่าลังเลที่จะลองใช้ตัวเลือก "Progressive" หรือตั้ง "Blur" เป็นค่าที่ไม่ใช่ศูนย์

ในกรณีของ PNG คุณควรพยายามลดจำนวนสีที่ใช้มากที่สุด (ใช้ PNG-8 สำหรับสีนั้น) เมื่อต้องการ "การปรับให้เรียบ" บางอย่างให้ลองใช้อัลกอริธึมที่แตกต่าง

นี่เป็นตัวอย่างสองตัวอย่าง:

จากซ้ายไปขวาบนลงล่างพารามิเตอร์คือ:

1. JPEG, โปรเกรสซีฟ, คุณภาพ: 40, เบลอ: 0.18, ขนาด: 9 672 ไบต์
2. JPEG, ปรับให้เหมาะสม, คุณภาพ: 60, เบลอ: 0, ขนาด: 16 898 bytes
3. JPEG, โปรเกรสซีฟ, คุณภาพ: 60, เบลอ: 0, ขนาด: 11 104 ไบต์
4. PNG-8, การทำสี: กระจาย, สี: 256, ขนาด: 4 528 ไบต์

เปรียบเทียบภาพด้วยสายตาแล้วดูขนาดของข้อมูลตามลำดับ คู่แรกประมาณ 9.7 kB กับ 16.9 kB ที่สองคือ 11.1 kB กับ 4.5 kB ทั้งหมดนั้นโดย (IMHO) ความแตกต่างของภาพเล็กน้อย

นี่คือตัวเลือกบางส่วน:

• ใช้รูปแบบอื่นนอกเหนือจาก JPEG (PNG หรือ GIF) ผลลัพธ์ในแง่ของขนาดไฟล์และคุณภาพของภาพจะขึ้นอยู่กับเนื้อหาของภาพของคุณ แต่ละเนื้อหาจะดีกว่าในเนื้อหาบางประเภท
• ทำให้ภาพเล็กลงในแง่ของพิกเซล - นี่จะมีเอฟเฟกต์ที่สำคัญมากและควรได้รับการพิจารณาอย่างแน่นอนหากคุณสามารถควบคุมการจัดวางทั้งหมด
• ใช้องค์ประกอบที่ไม่ใช่รูปภาพหากเป็นไปได้เช่นพยายามแทนที่ข้อความในภาพด้วยข้อความ HTML พยายามแทนที่กลุ่มสีด้วยองค์ประกอบ HTML

เมื่อขยายสองจุดสุดท้ายคุณควรมองหาการย่อขนาดรูปภาพในเลย์เอาต์โดยรวมก่อนที่คุณจะใช้เวลาในการลดขนาดไฟล์ของภาพที่มีอยู่

ฉันจะพยายามตอบคำถามที่ยังไม่ได้ตอบคำถาม:

ภาพจำนวนมากที่ฉันใช้และสร้างรับส่งทางอีเมล นี่เป็นการ จำกัด สิ่งที่ฉันสามารถทำได้อย่างมากกับการวางข้อความโดยใช้ HTML และ CSS บนรูปภาพ

คุณสามารถส่งอีเมล html (วิธีการทำจดหมายข่าว) ด้วย html และ inline CSS (เพื่อความเข้ากันได้) รูปภาพต้องอยู่บนเซิร์ฟเวอร์และคุณต้องใส่ URL แบบเต็มในรูปแบบ / แท็ก img Here'sa รายการของสิ่งที่ทำงานในลูกค้าอีเมลที่แตกต่างกัน

นอกจากนี้ฉันใช้แบบอักษรที่หลากหลาย บางอย่างที่ฉันสามารถใช้สำหรับเว็บโดยใช้ @ font-face ของ CSS แต่คุณสามารถเรียกใช้เป็นไฟล์ขนาดใหญ่และในบางกรณีคุณไม่สามารถอัปโหลดแบบอักษรไปยังเว็บได้อย่างถูกกฎหมาย

ลองใช้google webfonts ซึ่งเป็นแหล่งที่ดีที่สุดของ webfont ฟรีทั้งหมดที่จะใช้ อีกคนหนึ่งจะเป็นตัวอักษรกระรอก (มันใช้ @ font-face เช่นกัน)

ไม่มีวิธีที่คุณสามารถทำได้ JPEG เป็นรูปแบบที่สูญเสีย มีการแลกเปลี่ยนระหว่างคุณภาพและขนาดไฟล์เสมอ