คำถามติดแท็ก optimization

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

37 adobe-illustrator  svg  image-format  file-size  optimization 

ขณะนี้ฉันกำลังจัดการกับปัญหาคุณภาพของภาพสำหรับภาพพื้นหลังเว็บไซต์ของฉัน ฉันมีภาพพื้นหลังเบลอขนาดใหญ่ที่ฉันต้องการใช้ แต่ต้องการให้มีขนาดเล็กที่สุดเท่าที่เป็นไปได้สำหรับเว็บไซต์ หากต้องการให้มีคุณภาพสูงสุด (png) จะมีขนาดประมาณ 200kb ฉันสามารถลดลงได้ประมาณ 100kb ในฐานะ JPG แต่คุณภาพลดลงซึ่งคาดว่าจะมี แต่มีเส้นที่ดูน่ากลัวรอบเส้นตรงที่ทำให้ดูแย่ มีวิธีการพิเศษในการแปลง png นี้เป็น jpg แต่ป้องกันไม่ให้ภาพมีข้อบกพร่องเหล่านี้หรือไม่? นี่คือภาพ: PNG: JPG คุณภาพ (100%):

15 background  compression  optimization 

บางครั้งฉันทำงานกับไฟล์ JPEG สำหรับการออกแบบเว็บของฉัน มีบางโอกาสที่รูปแบบ PNG ไม่เหมาะสม .. มีเทคนิคการปรับให้เหมาะสมที่สุดสำหรับรูปแบบ PNG แต่ฉันสังเกตเห็นว่าสำหรับรูปแบบ JPEG ความเป็นไปได้นั้นมี จำกัด โดยเฉพาะอย่างยิ่งถ้าคุณทำงานบน Mac อาจเป็นโซลูชันที่หรูหราที่สุดจนถึงขณะนี้คือการบีบอัดแบบเลือกที่ช่วยให้คุณควบคุมการบีบอัดได้อย่างแม่นยำในพื้นที่เฉพาะของภาพ หากคุณรวมรูปภาพกับ JpegOptim และ jpegtran จาก libjpeg (หรือใช้imageOptim ) คุณสามารถลดขนาดไฟล์ได้มากยิ่งขึ้น ฉันยังคงไม่พอใจกับตัวเลือกนี้ ฉันไม่ต้องการซื้อใบอนุญาตสำหรับดอกไม้ไฟเพราะเลือก jpeg และฉันสงสัยว่ามีซอฟต์แวร์เพิ่มประสิทธิภาพภาพอื่น ๆ ออกมาที่มีคุณสมบัติคล้ายกันหรือไม่ .. บน windows คุณมีJpeg Optimizer .. มีเครื่องมือใดที่คุณใช้สำหรับเวิร์กโฟลว์ที่คุณสามารถแนะนำฉันได้ไหม ขอขอบคุณ

13 website-design  optimization  compression 

เมื่อส่งออกสำหรับเว็บใน Illustrator จะมีรูปแบบที่คุ้นเคยArt OptimizedและType Optimizedแสดงผล (นอกเหนือจากNone) โครงร่างทั้งสองมี perks ของตนเองในองค์ประกอบชนิดต่าง ๆ ไม่น่าแปลกใจที่ Art Optimized เก่งสำหรับทุกอย่างยกเว้นข้อความในขณะที่ Type Optimized มักจะดีกว่าในการแสดงข้อความ / แบบอักษร (ดีฉันเดาว่าอาจเป็นหัวข้อส่วนตัว แต่มันไม่เกี่ยวข้องกับการสนทนา - ขอเพียงอยู่กับความจริงบางครั้งคุณชอบหนึ่งหรืออื่น ๆ และบ่อยครั้ง (นี่คือส่วนสำคัญของสิ่งทั้งหมด) คุณชอบทั้งสองรูปแบบ รักษาองค์ประกอบที่ตั้งใจไว้ตามลำดับใช่ไหม? ฉันต้องส่งออกสองเวอร์ชันบ่อยครั้ง one * _art_opt.png และอีกหนึ่ง * _type_opt.png เมื่อสร้างเช่นต้นแบบ จากนั้นฉันต้องวางทั้งภาพที่แสดงเป็นสองเลเยอร์ใน Photoshop ตัดส่วนของ Art Optimized ออกจากพื้นที่ Type และในทางกลับกัน เพียงเพื่อให้ได้สิ่งที่ฉันกำลังมองหาในตอนแรก: ศิลปะที่ปรับให้เหมาะสม ... ในคำอื่น ๆ การแสดงผล …

11 adobe-illustrator  export  optimization  save 

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

10 image-format  file-size  optimization 

ฉันได้รับการทดสอบด้วยเทคนิคที่เรียกว่าcinemagraphs เทคนิคนี้ทำให้ GIF แบบเคลื่อนไหวซึ่งมีเพียงส่วนเล็ก ๆ ของภาพเคลื่อนไหว นี่คือวิธีลัดที่ฉันเพิ่งทำ: จนถึงตอนนี้ Photoshop ทำงานได้ดีด้วยการบีบอัดสแตติกส่วนต่างๆของฉาก โดยการปกปิดเฉพาะส่วนที่เคลื่อนที่คุณสามารถบันทึกได้หลายเมกะไบต์ สิ่งที่ Photoshop ไม่ได้รับการปรับให้เหมาะสมคือเฟรมที่ทำซ้ำ เพื่อให้ได้วนรอบที่ราบรื่นฉันได้ทำซ้ำเฟรมทั้งหมดและย้อนกลับ ในตัวอย่างด้านบนผู้ประกาศข่าวจะหันไปทางซ้ายและต้องกลับไปที่ตำแหน่งเดิม นี่จะเพิ่มขนาดของ GIF เป็นสองเท่า ฉันจะบอก Photoshop ให้ปรับเฟรมที่ซ้ำกันได้อย่างไรเช่นปรับพื้นที่คงที่ให้เหมาะสมที่สุด? ในเมนูของแผงควบคุมไทม์ไลน์ฉันได้ใช้ตัวเลือก "ปรับภาพเคลื่อนไหว" แล้ว แต่ไม่ได้ทำอะไร ...

10 adobe-photoshop  gif  file-size  optimization