כיווץ תמונות לאתר אינטרנט

כיווץ / אופטימיזציה של תמונות לאתר אינטרנט

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

אופטימיזציה של התמונות תגרום לאתר שלנו לעלות יותר מהר דבר שיגדיל את הדירוג של האתר שלנו בגוגל ויוסיף לנו מדד חיובי ל – SEO.

לכן אנחנו נרצה שהתמונות יהיו קטנות אבל שיוצגו בצורה אופטימאלית, למה הדבר דומה…

למשל אם יש לנו מכונית שיכולה לסוע עד 300 קמ"ש אבל בכביש אנחנו יכולים לסוע רק עד 50 קמ"ש אז ביזבזנו סתם כסף על מכונית שנוסעת ב 300 קמ"ש אם אנחנו לא יכולים לנצל אותה.

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

כאן המקום להזכיר שיש 2 פרמטרים לכיווץ של תמונה

גודל – ככול שנגדיל תמונה היא תתפוס יותר שזה ברור.

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

העיקרון של כיווץ הצבעים הוא שבמציאות יש כ-16.7 מיליון צבעים, ועין האנושית לא יכולה להבדיל בין גוונים צמודים או גוונים שההפרש שלהם הוא מינורי, הכיווץ בעזרת האתר או כלי אחר עושה את הדבר הבא, עוברת פיקסל פיקסל ובודקה מה ההפרש גוונים בין השניים, אם ההפרש שיוצא הוא הפרש שקטן מערך כלשהוא, אז שני הפיקסלים נצבעים באותו הצבע, ככה התמונה שומרת פחות מידע כי יש פחות צבעים, לכן גם גודל הכיווץ משתנה מתמונה לתמונה יש תמונות שיכווצו ב 90% ויש ב 60% וכן הלאה תלויי בכמות הצבעים הדומים שיש בתמונה.

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

יש הגורסים שהכי טוב לשמור את התמונה כ jpeg  באיכות טובה של 8-10 בפוטושופ ואחר כך לכווץ את התמונה דרך אתר אונליין שמכווץ או תוכנה או פלאגין

יש כאלה שגורסים אחרת שמראש פשוט לכווץ בפוטושופ.

בגדול לדעתי זה לא ממש משנה השינויים הם מינוריים ומשתנים מתמונה לתמונה.

איך מכווצים תמונה הלכה למעשה

פלאגינים שמכווצים תמונות

  compress png

  Wp smush

Tinypng

Imagify

https://wordpress.org/plugins/imagify/

אתרים אונליין שמכווצים תמונות

אתר מומלץ לכיווץ תמונות אונליין הוא https://tinypng.com מאפשר לעלות עד 20 תמונות בגודל של 5 מגה כל אחת ומציג בסופו של דבר בכמה אחוזים הוא כיווץ את התמונה.

ישנו עוד אתר לכיווץ תמונות https://kraken.io/

אפשר לכווץ לוקאלית במחשב עם תוכנה חינמית שנקראת fotosizer

https://www.fotosizer.com/Download

צריך שהתמונות יהיו פחות או יותר 100k כדי שהאתר ירוץ טוב