הנקודות החשובות
- 01JPG הוא לתמונות, PNG הוא לגרפיקה ושקיפות, WebP ו-AVIF הם פורמטים חדשים שמנצחים את שניהם בגודל.
- 02AVIF בדרך כלל מייצרת את הקבצים הקטנים ביותר, WebP הוא הפורמט המודרני הנתמך ביותר, וJPG/PNG להישאר בטוח ביותר לתאימות.
- 03פורמטים בעלות (JPG, WebP, AVIF) להשליך פרט לקטן קבצים; PNG הוא אובדן ללא והשמור כל pixel.
התפיסה היחידה שמסבירה הכל: אובדן לעומת אובדן ללא
לפני השוואת פורמטים, יודע הפיצול כי משוך כל אחד. פורמטים אובדן ללא לאחסן כל pixel בדיוק וניתן להיות reopened ו-resaved לנצח עם אי-degradation - PNG היא השדה. פורמטים אובדן זרוק ההתחשב העין לא סביר להיות קבילה, סחר קצת איכות לקובץ הרבה יותר קטן - JPG, WebP ו-AVIF כל לעשות את זה. יש לא אחד "הטוב ביותר" פורמט כי הבחירה בצדק תלוי האם תמונה שלך היא תמונה, לוגו, או חזון, וב-how הרבה אתה ערך גודל לעומת תאימות.
הכלל החלטה מהיר
אם אתה זוכר שום דבר אחר, תזכור חמש קווים אלה.
- 01תמונה לרשת, תאימות מקסימום: להשתמש JPG. זה הובן על ידי הכל וcompresses תמונות טוב.
- 02לוגו, סמל, חזון, או שום דבר צריך שקיפות: להשתמש PNG. זה שמור חד קצה וברקע שקוף באופן מושלם.
- 03אתר מודרני כאשר אתה רוצה קבצים קטנים יותר ובקרה הקהל: להשתמש WebP. זה מנצח JPG ו-PNG בגודל ותומך לפי כל הדפדפנים הנוכחיים.
- 04אתר cutting-edge רדוף את הקבצים הקטנים ביותר: להשתמש AVIF. זה בדרך כלל מנצח בגודל, במיוחד לתמונות, עם fallback לדפדפנים ישנים יותר.
- 05אנימציה ללא וידיאו: WebP או AVIF (animated) מנצחים את הישן GIF בגודל וצבע.
הארבע פורמטים, אחד לפי אחד
JPG (או JPEG) היא הווטרן. זה היה בנוי לתמונות ומשתמש ללא אובדן דחיסה מכוונן ללא הגרדיאנטים חלקה של תמונות בעולם האמיתי. זה לא שקיפות ודחיסה שלה יכלה להשאיר חסימה חפצים סביב קצה חד ומחזה, שהוא למה זה לא נכון לוגו וחזוני. כוחו הן הוא תמיכה אוניברסלית: כל התקן, העורך, והאתר מקבלת JPG.
PNG הוא בחירה אובדן ללא. זה preserves כל pixel ותומך שקיפות מלא, הכינג קובע התקן לגרפיקה עם קצה קשה, טקסט, צילום UI, ו-anything עם ברקע לראות דרך. עלות היא גודל קובץ: תמונה PNG היא בעתים קרובות מספר פעמים גדולות מתמונה ספר כמו JPG, אז PNG היא כיסוי פחות לתוכן צילום על הרשת.
WebP, מגוגל, הוא כל-rounder מודרני. זה מציע שניהם אובדן וללא אובדן מצבים בתוספת שקיפות אנימציה, וב-similar איכות זה מייצרת קבצים בערך 25-35% קטנות מתמונה JPG ולעתים קרובות הרבה יותר קטנות מתמונה PNG. כל דפדפן בחוזה תומך זה, מה הכינג קובע את ברירת המחדל pragmatic לרשת מהירה היום.
AVIF היא החדשה ביותר של הארבע, בהתבסס על יתקדמות טכנולוגיה codec. זה בדרך כלל משיגה את הקבצים הקטנים ביותר של כל - בתדירות שלט WebP לפי טווח רחב בתמונות - וערכי שקיפות, צבע רחב וגבוה דינאמי טווח. תמיכה עכשיו רחבה אבל לא לגמרי אוניברסלי, אז אתרים בדרך כלל לשרת AVIF עם WebP או JPG fallback לגרוע פחות כמה קדוםNZ.
כיצד להמיר בין פורמטים
הממרה היא שתי דקה עבודה ושוקעת לגמרי בדפדפן, אז המקורות לעולם לעזוב התקן שלך.
- 01
בחר את הממרה הנכונה
בחר הכלי כי התאם לכיוון שלך - לדוגמה PNG ל-JPG לקטן גרפיקה כבד תמונה, או WebP ל-JPG לשחזור תאימות.
- 02
זרוק בתמונה שלך
הוסף קובץ אחד או כמה סיביות. הממרה רץ מקומה בדפדפן.
- 03
הגדר איכות אם זה אובדן
עבור JPG, WebP, או AVIF פלט, בחר רמה איכות - גבוה יותר שמור פרט יותר, תחתון הופך קובץ קטנות יותר.
- 04
הורדה התוצאה
שמור תמונה בודדת או יצא הכמה. שמור המקורות שלך במקרה אתה צריך אותם שוב.
הכנסת את זה ביחד לעמוד האמיתי
דף אתר מורכנה optimize לעתים קרובות משתמש לא פורמט אחד לכול. תמונות לכו אדום כמו WebP או AVIF לקבלה, עם JPG fallback. לוגוים, סמלים, ו-anything עם שקיפות להישאר כמו PNG - או טוב יותר, כמו SVG אם הם וקטור אמנות - כי פורמט אובדן יהיה fuzz שלהם חזק קצה. צילום של טקסט להראות הטוב ביותר כמו PNG אותו סיבה.
אם אתה לא בטוח האם לעבור ערך את זה, להמיר אחד ייצוגי תמונה והשוואה שניהם את הגודל קובץ וכיצד זה נראה בתקריב מלא. גודל נפילה מ-JPG ל-WebP או AVIF לעתים קרובות דרמטי עם לא איכות הפסדים גלויים, שהוא בדיוק הנצחון כי הופך עמודים לטען מהירה יותר. כאשר תאימות עניינים יותר מתוך bites - קובץ המצורף דואר, מערכת ישנה, חנות הדפסה - חזרה ל-JPG או PNG, שני פורמטים כי עובד בכל מקום.
Image format FAQ
יש WebP טוב יותר מ-JPG?
לרשת, בדרך כלל כן. WebP מייצרת קבצים בערך 25-35% קטנות מתמונה JPG ב-similar איכות וגם תומך שקיפות אנימציה. JPG עדיין מנצח כאשר אתה צריך תאימות מקסימום, כמו קובץ המצורף לקולט לא ידוע.
כאשר צריך אני להשתמש PNG במקום JPG?
להשתמש PNG לגרפיקה, לוגוים, סמלים, צילום וכל תמונה כי צורך ברקע שקוף או קצה חד. להשתמש JPG לתמונות, כאשר PNG היה needlessly גדול.
יש AVIF טוב יותר מ-WebP?
AVIF בדרך כלל מייצרת קבצים קטנות מ-WebP, במיוחד לתמונות, ותומך צבע רחב. WebP יש תמיכה קצת יותר רחבה וקידוד מהיר יותר, אז הרבה אתרים להשתמש AVIF עם WebP fallback.
עשה המרת בין פורמטים להפסיד איכות?
המרת אל פורמט אובדן (JPG, WebP, AVIF) להשליך קצת פרט, ו-repeated אובדן saves תסכמו הנזק. המרת PNG היא אובדן ללא. תמיד להמיר מהאיכות highest תקורה אתה יש.