דלג לתוכן
LocalMedia Tools

PNG מול JPG מול WebP — באיזה פורמט תמונה כדאי להשתמש?

LocalMedia Tools ·

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

מה זה JPG ומתי כדאי להשתמש בו?

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

מה זה PNG ומתי כדאי להשתמש בו?

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

מה זה WebP ובמה הוא שונה מ-JPG ומ-PNG?

WebP הוא פורמט חדש יותר שנבנה כדי להחליף את שני הפורמטים הישנים בבת אחת. הוא תומך גם בדחיסה עם אובדן וגם בדחיסה ללא אובדן באותו פורמט קובץ, בתוספת ערוץ שקיפות מלא כמו PNG – כך שפורמט יחיד יכול לטפל בתצלום דחוס, בצילום מסך ללא אובדן, ובלוגו שקוף. בפועל, קבצי WebP בדרך כלל קטנים ב-25-35% מ-JPG באיכות שווה, ו-WebP ללא אובדן בדרך כלל קטן גם מאותה תמונה שנשמרה כ-PNG. התמיכה בדפדפנים כמעט אוניברסלית מתחילת שנות ה-2020 (כל דפדפן מרכזי מציג אותו באופן טבעי), מה שהסיר את ההתנגדות ההיסטורית העיקרית לשימוש בו. התפיסה שנותרה היא תאימות מחוץ לדפדפן: כמה עורכי תמונות ישנים יותר, תוספי CMS ישנים, ותהליכי עבודה של הדפסה או עיצוב עדיין לא פותחים WebP ישירות, כך ששווה לבדוק את שרשרת הכלים הספציפית שלכם לפני שמתקנים עליו כברירת מחדל בכל מקום.

איפה HEIC משתלב, והאם כדאי להמיר אותו?

HEIC הוא הפורמט שאייפונים משתמשים בו כברירת מחדל לתמונות מאז iOS 11 – הוא דוחס ביעילות רבה יותר מ-JPG באיכות דומה, וזאת הסיבה שהוא תופס פחות מקום בטלפון שלכם. הבעיה היא תאימות, לא איכות: הרבה תוכנות Windows, אפליקציות אנדרואיד ישנות יותר, טפסי אינטרנט, ולקוחות דוא"ל, או שלא יכולים לפתוח קובץ .heic בכלל או מטפלים בו בצורה מסורבלת. אם אתם משתפים תמונה במקום שאולי לא תומך ב-HEIC – העלאה לאתר, שליחה בדוא"ל למישהו במכשיר לא ידוע, פרסום בתוכנה ישנה יותר – המירו אותה ל-JPG קודם לתאימות הרחבה ביותר, או ל-PNG רק אם אתם צריכים באופן ספציפי איכות ללא אובדן או שקיפות (נדיר עבור תמונת מצלמה). כלי ההמרה מ-HEIC ל-JPG של LocalMedia מטפל בהמרה הזאת כולה בדפדפן שלכם, כך שהתמונה נקראת מהמכשיר שלכם, מומרת, ונשמרת בחזרה בלי להיות מועלית לשום מקום.

באיזה פורמט כדאי לבחור בפועל, לפי מקרה שימוש?

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

למה שמירה חוזרת של JPG שוב ושוב מחמירה אותו?

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

איך ממירים או דוחסים תמונות בלי להעלות אותן?

המרה בין JPG, PNG, WebP ו-HEIC, או כיווץ קובץ גדול מדי, לא דורשת שליחת התמונה לשרת בכלל – דפדפן יכול לפענח ולקודד מחדש את רוב פורמטי התמונה הנפוצים בעצמו. כלי המרת פורמט התמונה של LocalMedia עובר בין JPG, PNG ו-WebP ישירות בלשונית הדפדפן שלכם, ודוחס התמונות מקטין את גודל הקובץ על ידי כיוון האיכות או המידות, שניהם בלי שהקובץ אי פעם יעזוב את המכשיר שלכם. אפשר לאמת זאת בעצמכם: פתחו את DevTools של הדפדפן (F12), עברו ללשונית Network, וחפשו בקשת העלאה בזמן שאתם ממירים או דוחסים קובץ – כלי מקומי באמת לא שולח דבר.

כלים קשורים

שאלות נפוצות

מה עדיף, PNG או JPG?
אף אחד מהם לא עדיף באופן אוניברסלי – הם בנויים עבור תוכן שונה. הדחיסה עם האובדן של JPG הופכת אותו לקטן בהרבה עבור תצלומים, בעוד הדחיסה ללא האובדן של PNG שומרת על צילומי מסך, טקסט וגרפיקה נקיים מטשטוש ומוסיפה תמיכת שקיפות ש-JPG חסר לגמרי. השתמשו ב-JPG לתמונות, ב-PNG לכל דבר עם קצוות חדים, טקסט, או רקע שקוף.
האם WebP עדיף על JPG?
לגודל קובץ ואיכות, בדרך כלל כן: WebP בדרך כלל מייצר קבצים קטנים ב-25-35% מ-JPG באיכות שווה, והוא גם תומך בשקיפות ובדחיסה ללא אובדן, מה ש-JPG לא יכול לעשות בכלל. הסיבה היחידה לבחור עדיין ב-JPG על פני WebP היא תאימות עם תוכנות או תהליכי עבודה ישנים יותר שלא פותחים קבצי WebP.
האם WebP תומך בשקיפות?
כן. ל-WebP יש ערוץ שקיפות אלפא מלא הן במצב עם אובדן והן במצב ללא אובדן, כך שהוא יכול להחליף את PNG עבור לוגואים ואייקונים שקופים תוך כדי שהוא בדרך כלל מייצר קובץ קטן יותר.
האם כדאי להמיר HEIC ל-JPG או ל-PNG?
המירו ל-JPG כמעט בכל המקרים – הוא קטן יותר ותואם באופן אוניברסלי, מה שמתאים למה שתמונת מצלמה צריכה. המירו ל-PNG רק אם אתם צריכים באופן ספציפי איכות ללא אובדן או רקע שקוף, מה שלא נפוץ עבור תמונה רגילה.
איזה פורמט מייצר את הקובץ הקטן ביותר?
עבור תצלומים, WebP עם אובדן בדרך כלל הכי קטן, ואחריו JPG, כש-PNG הרבה יותר גדול. עבור צילומי מסך, טקסט, או אמנות קווית, WebP ללא אובדן בדרך כלל הכי קטן, ואחריו PNG, מכיוון שהדחיסה עם האובדן של JPG לא מתאימה היטב לקצוות חדים ללא קשר לגודל הקובץ.
האם אפשר להמיר בין PNG, JPG ו-WebP בלי לאבד איכות?
המרה מפורמט ללא אובדן (PNG) להגדרה אחרת ללא אובדן שומרת על האיכות בדיוק. המרה אל או בין פורמטים עם אובדן (JPG, WebP עם אובדן) תמיד דוחסת מחדש את התמונה, כך שאיכות מסוימת הולכת לאיבוד בכל המרה – שמרו עותק מאסטר ללא אובדן אם אתם צופים להמיר או לערוך תמונה יותר מפעם אחת.