אתר שנטען לאט, ציון נמוך ב-PageSpeed, או המלצה של Google להציג תמונות בפורמטים מודרניים. הפתרון הנפוץ הוא להמיר תמונות ל-WebP. המרה ל-WebP ב-773 Tools ממירה JPG ו-PNG ל-WebP ישירות בדפדפן, כמה תמונות ביחד, בלי להעלות אותן לשרת ובלי להתקין תוכנה.
מה זה WebP ולמה הוא קטן יותר
WebP הוא פורמט תמונה שפיתחה Google. הוא דוחס טוב יותר מ-JPG, ובאותה איכות נראית הקובץ קטן בדרך כלל ב-25%-35%. היתרון הגדול באמת הוא מול PNG: גרפיקה עם שקיפות, כמו לוגו או מוצר על רקע שקוף, יכולה לרדת לחלק קטן מהמשקל המקורי, והשקיפות נשמרת. כל הדפדפנים החדשים מציגים WebP, וגם וורדפרס תומכת בו מאז גרסה 5.8.
איך ממירים תמונות ל-WebP
- גוררים את התמונות לחלון או לוחצים לבחירה. אפשר JPG, PNG או WebP, עד 25MB לתמונה ועד 30 תמונות בכל פעם.
- קובעים איכות בין 30% ל-95%. ברירת המחדל, 85%, מתאימה לרוב התמונות.
- בוחרים רוחב מקסימלי: בלי שינוי, או 3840, 2560, 1920, 1280 או 800 פיקסלים. תמונה רחבה מהערך שבחרתם תוקטן, ותמונה צרה ממנו תישאר כמו שהיא.
- לוחצים "המרה ל-WebP". ליד כל תמונה מופיעים המשקל לפני ואחרי ואחוז החיסכון, ובסוף מופיע סיכום כולל.
- מורידים כל תמונה בנפרד, או לוחצים "הורדת הכול כ-ZIP".
אם מופיעה הודעה שהדפדפן לא יודע ליצור קובצי WebP, זה בדרך כלל Safari. פותחים את הכלי בכרום, באדג׳ או בפיירפוקס.
איזו איכות ואיזה רוחב לבחור
- צילומים לאתר: 75%-85%. ההבדל מהמקור כמעט לא נראה, והחיסכון משמעותי.
- גרפיקה עם טקסט, צילומי מסך ולוגואים: 85%-95%, כדי שהקצוות של האותיות יישארו חדים.
- תמונת רקע לרוחב מסך: 1920. למסכים גדולים במיוחד אפשר 2560.
- תמונה בתוך מאמר או כרטיס מוצר: 1280 מספיק כמעט תמיד.
- תמונות קטנות וגלריה מוקטנת: 800.
הקטנת הרוחב חוסכת לפעמים יותר מהמעבר לפורמט עצמו. צילום מהטלפון ברוחב 4000 פיקסלים שמומר ל-WebP ברוחב 1280 יוצא קטן פי כמה מאשר המרה בלי שינוי רוחב.
מתי WebP פחות מתאים
- שליחה להדפסה או לגרפיקאי: בתי דפוס ותוכנות ישנות עדיין מעדיפים JPG, PNG או PDF.
- טפסים מקוונים ומערכות ישנות: חלק מהטפסים מקבלים רק JPG או PNG. אם מערכת דוחה את הקובץ, פותחים אותו בכלי שינוי הגודל ושומרים כ-JPG.
- קובץ מקור לארכיון: שומרים את המקור, ו-WebP משמש רק לפרסום. המרה חוזרת מקובץ שכבר נדחס מורידה איכות.
WebP בוורדפרס ובאלמנטור
מעלים את קובצי ה-WebP לספריית המדיה כמו כל תמונה אחרת, ומשתמשים בהם בווידג׳טים של אלמנטור כרגיל. כדאי לתת לקבצים שמות ברורים באנגלית לפני ההעלאה, ולמלא טקסט חלופי (alt). אם באתר כבר מותקן תוסף שממיר אוטומטית ל-WebP, אין צורך להמיר פעמיים. ההמרה הידנית שימושית במיוחד כשרוצים שליטה על האיכות ועל הרוחב של כל תמונה, או כשאין תוסף כזה בכלל.
שאלות נפוצות על WebP
- איך פותחים קובץ WebP במחשב? כל דפדפן פותח אותו, וגם מציגי התמונות של ווינדוס ושל מק בגרסאות החדשות. אם תוכנה ישנה לא מכירה את הפורמט, ממירים בחזרה ל-JPG.
- השקיפות של PNG נשמרת? כן. לוגו או מוצר על רקע שקוף יישארו שקופים גם ב-WebP.
- כמה חוסכים בפועל? תלוי בתמונה. צילומים חוסכים בדרך כלל רבע עד שליש, וקובצי PNG גדולים יכולים לרדת בהרבה יותר. הכלי מציג את החיסכון המדויק לכל קובץ, כך שאין צורך לנחש.
- אפשר להמיר קובץ WebP קיים? אפשר, למשל כדי להקטין את הרוחב. אבל WebP שכבר נדחס באיכות נמוכה לא ישתפר, ולפעמים הקובץ אפילו יגדל.
עוד כלים שיעזרו
- כיווץ תמונות: להקטין משקל ולהשאיר JPG או PNG.
- שינוי גודל: מידות מדויקות בפיקסלים, והמרה בחזרה ל-JPG כשצריך.
- הסרת רקע: מוצר על רקע שקוף, שנשמר ב-WebP במשקל קטן.
אתר איטי בגלל יותר מתמונות כבדות? סטודיו טליה שלוש בונה ומשפר אתרי וורדפרס ואלמנטור מהירים בעברית.
הכלים מהמדריך