איך מומלץ לצמצם נפח של תמונות כדי שיתפסו פחות מקום באתר?

[golanzikri]

איך מומלץ לצמצם נפח של תמונות כדי שיתפסו פחות מקום באתר?

 

[עוץליגוץלי]

רזולוציה התואמת לתצוגה, פורמט דחיסה מתאים ...

 

[golanzikri]

הקטנת הרזולוציה דרך GIMP

נניח שהורדתי מהרשת תמונה בגודל 300x300 ואני רוצה לחסוך מקום באתר ע"י צמצום הרזולוציה.
- האם צמצום הרזולוציה נניח ל100x100 לא יגרום לתמונה להופיע קטנה יותר באתר?
- איך עושים את זה דרך GIMP

 

[golanzikri]

.

 

[urilei]

יש בגדול JPG, GIF ו-PNG

בלי להרחיב בהיקף של כמה עמודים (ובהחלט אפשר) ה-JPG מיועד בעיקר לתמונות (צילומים), אפשר לדחוס אותו באלגוריתם שגורם לפיקסול קל סביב הפרשי הצבע בתמונה וחוסך המון המון מקום אבל כמעט ולא נראה לעין (הכל שאלה של רמת הדחיסה כמובן).
ה-GIF לתרשימים - הוא מוגבל בכמות הצבעים - 256 - זה לא הרבה אבל תוכנה גרפית איכותית יכולה להפוך את רוב התמונות לאיכותיות למדי גם במגבלה הזו. יש לו יתרון משמעותי של צבע שקוף ששימושי מאוד באינטרנט. הוא מעולה לכפתורים, אייקונים, רקעים שבלוניים, תרשימים ולפעמים גם לתמונות (אבל בד"כ יתפוס יותר נפח מ-JPG כשמדובר בתצלום).
ה-PNG הוא למעשה שילוב של השניים ומאפשר גם כמות לא מוגבלת של צבעים, שקיפות, ואפילו שקיפות חלקית, אבל הוא בזבזני למדיי מבחינת נפח בהשוואה לשניים האחרים ולכן מעולם לא פרח כפורמט לסביבת האינטרנט.

גם היום, עם רוחב פס מטורף וכשלא צריך לחשוב על כל KB, נושא נפח התמונות באתר הוא עדיין מהותי ויש לשים לב אליו.

 

[urilei]

ועוד דבר חשוב ששכחתי לציין

הרבה דברים שהצריכו בעבר גרפיקה ניתנים כיום לביצוע עם CSS ושווה לחפש קצת על האפקט הרצוי לפני שמכניסים גרפיקה כבדה לאתר.

 

[golanzikri]

תודה! אז באופן טכני לאחר שאני מעלה את התמונה

לתוכנת העריכה עדיף שלא לשמור בפורמט המקורי אלא לשמור אותה בJPG?
(בהנחה שמדובר בצילום)
כאשר המטרה היא צמצום גודל הקובץ, יש שינוי נוסף שהיית ממליץ לבצע על התמונה בתוכנת העריכה לפני שאני מעלה לאתר?
(אני נוהג להשתמש בGIMP שהיא די דומה לפוטושופ)

 

[עוץליגוץלי]

כשאתה מיצא לjpg איכות של 85% מספיקה לכל צורך מעשי.

צמצום גודל לגודל התצוגה בפועל יחסוך משאבים גם מהשרת וגם מהדפדפן.
לעריכה של הרבה תמונות עדיף להשתמש בimagemagic (כלי לינוקסי, ניתן להריץ בשרת באופן אוטומטי לאחר העלאת תמונה).

 

[FreeSoft]

תתקין פלאג לגימפ

http://registry.gimp.org/node/33/
עכשיו יש לך גם " save for web"
לאחר התאמת גודל התמונה תשמור לweb. אתה יכול להוריד עד 60% את האיכות. אחר כך תעביר את התמונה דחיסה עם הקישור שקיבלת

 

[eladts]

PNG עושה כל מה שאפשר לעשות עם GIF

וגם נותן דחיסה טובה יותר. בכל אתר אוי לשמו משתמשים בו. הסיבה היחידה לא להשתמש בו היא שגרסאות עתיקות של IE לא תמכו בו.

 

[עוץליגוץלי]

בכללי אתה צודק

הדחיסה לא תמיד טובה יותר (אלגוריתמים שונים, לפעמים LZ מפתיע לטובה), ויתרון לgif הוא ההנפשה (נכון שאמור להיות משהו דומה לpng, אבל מאד לא נפוץ).

 

[eladts]

בכלל פורמט מבוסס פיקסלים לאיורים זה מיושן

SVG נות גרפיקה וקטורית שלא תלויה ברזולציה מסיומת ואפשר גם לעשות אנימציות.

 

[עוץליגוץלי]

צודק, אבל

יש דברים שלא מתאימים לזה. כל מימוש ושימושיו.

 

[golanzikri]

תודה רבה! עשיתם לי חתיכת קורס בדחיסת תמונות

 

[הופאק]

אני ממליץ להשתמש ב־tinyjpg

https://tinyjpg.com
הם יודעים לדחוס תמונות טוב בלי לפגוע באיכות. יש להם גם API.

 

[golanzikri]

תודה הופאק

הטיפ שלך ממש עזר