דחיסת PNG/JPG
הקטנת תמונות בלי לפגוע באיכות
למה כדאי לדחוס תמונות?
תמונות הן בדרך כלל 60–70% ממשקל עמוד אינטרנט. תמונה של 3MB שמצולמת בטלפון יכולה לרדת ל‑200KB בלי הבדל נראה לעין — והאתר נטען פי כמה מהר, גוגל מדרג טוב יותר (Core Web Vitals), והגולשים במובייל לא נוטשים. כדי לדעת באיזה רוחב להגיש את התמונות, בדקו מה הרזולוציה של המסך אצל הגולשים שלכם.
איזה פורמט לבחור?
- JPG — לצילומים. הכי נפוץ, נתמך בכל מקום.
- WebP — קטן ב‑25–35% מ‑JPG באותה איכות. נתמך בכל הדפדפנים המודרניים.
- PNG — ללוגואים, צילומי מסך ושקיפות. דחיסה ללא איבוד, ולכן החיסכון קטן יותר.
איזו איכות לבחור?
75–85% היא נקודת האיזון: כמעט בלתי מורגש לעין, וחיסכון של 50–80% במשקל. מתחת ל‑60% מתחילים לראות "ריבועים" בתמונה.
שאלות נפוצות
התמונות שלי נשלחות לשרת כלשהו?
לא. הדחיסה כולה מתבצעת בדפדפן שלכם דרך Canvas API. אפשר לנתק את האינטרנט אחרי שהעמוד נטען והכלי ימשיך לעבוד. זו גם הסיבה שאין הגבלת גודל או כמות — אנחנו לא משלמים על תעבורה.
למה ה-PNG שלי כמעט לא הצטמצם?
PNG הוא פורמט ללא איבוד מידע, ולכן יש גבול פיזי לכמה אפשר לדחוס אותו. אם התמונה היא צילום — המירו ל-JPG או ל-WebP ותקבלו קובץ קטן ב-70 עד 90 אחוז. PNG שווה לשמור רק כשצריך שקיפות, או ללוגואים וצילומי מסך עם שטחי צבע אחידים.
איזו רמת איכות נכון לבחור?
75 עד 85 אחוז היא נקודת האיזון כמעט תמיד: ההבדל בלתי מורגש לעין, והמשקל יורד ב-50 עד 80 אחוז. מתחת ל-60 אחוז מתחילים לראות ריבועים בשמיים, בעור ובמעברי צבע רכים. אם התמונה מיועדת להדפסה ולא לאתר, אל תדחסו בכלל.
מה זה WebP והאם הוא בטוח לשימוש?
WebP הוא פורמט של גוגל שנותן קובץ קטן ב-25 עד 35 אחוז מ-JPG באותה איכות נראית. כל הדפדפנים המודרניים תומכים בו, כולל ספארי מאז 2020. אם אתם לא צריכים לתמוך בדפדפנים בני עשור, זו הבחירה הטובה ביותר לאתר.
באיזה רוחב כדאי לשמור תמונות לאתר?
ברוב האתרים תמונה רחבה יותר מ-1920 פיקסלים היא בזבוז — היא לעולם לא תוצג בגודל מלא. לתמונת גיבור 1600 עד 1920 מספיק, לתמונה בתוך מאמר 800 עד 1200, ולתמונה ממוזערת 400. הכלי מקטין ודוחס בפעולה אחת.
למה זה משנה בכלל למהירות האתר?
תמונות הן בדרך כלל 60 עד 70 אחוז ממשקל עמוד. הן משפיעות ישירות על מדד ה-LCP, שהוא אחד משלושת ה-Core Web Vitals שגוגל מודדת ומשתמשת בהם בדירוג. תמונה של 3MB שיורדת ל-200KB היא לרוב השיפור הגדול והזול ביותר שאפשר לעשות לאתר.