איזה כלי תמונות אתם צריכים?
יש כאן יותר כלים ממה שמישהו רוצה לסרוק. התחילו מהבעיה במקום זאת:
“טופס ההעלאה אומר שהתמונה שלי גדולה מדי.” כמעט תמיד מדובר בממדים, לא בגודל הקובץ. תמונת טלפון מודרנית היא בערך 4000 פיקסלים ברוחב; רוב הטפסים רוצים 1200 פיקסלים או פחות. השתמשו בשנאי גודל התמונות — חצייה של רוחב התמונה חותכת את הקובץ לכרבע בערך, כי הסרתם שלושה רבעים מהפיקסלים.
“אני צריך קובץ קטן יותר באותו גודל.” זו שאלה של פורמט, לא של ממדים. המירו ל-WebP: אותה תמונה באותם ממדים בדרך כלל נוחתת קטנה ב-25–35% מ-JPEG באיכות דומה. השתמשו בJPG במקום כשמשהו ישן צריך לפתוח אותה, ובPNG רק כשאתם צריכים שקיפות או צבע שטוח וחד, כי PNG הוא ללא אובדן ובדרך כלל יהיה הגדול ביותר מבין השלושה עבור תצלום.
“אני רוצה לפרסם את זה אבל לא את מה שבתוכו.” כמה בעיות נפרדות: טשטשו פנים או מסמך ברכות, פקסלו אותו כשאתם רוצים שההשחרה תיראה מכוונת, והסירו את בלוק ה-EXIF כדי להסיר קואורדינטות GPS, מספר סידורי של המצלמה וחותמת זמן — ששורדים כל חיתוך ושינוי גודל אלא אם אתם מסירים אותם במפורש.
“היא הפוכה על הצד.” סבבו לפניות של 90°, הפכו או שקפו לשיקוף אופקי — זה מה שאתם רוצים אחרי שמצלמת הסלפי הפכה את הטקסט שלכם.
“היא צריכה להיראות כמו שלנו.” הוסיפו סימן מים של טקסט או לוגו, עגלו את הפינות עבור כרטיסים ותמונות פרופיל, או הפכו לגווני אפור.
“אני צריך צבע מהתמונה הזו.” בורר צבעי התמונה קורא את ערך הפיקסל המדויק ונותן לכם hex, RGB ו-HSL.
“משהו בתיקייה הזו בגודל לא נכון ואני לא יודע מה.” ה מנתח הממדים קורא אצווה שלמה ו מפרט רוחב, גובה, יחס גובה-רוחב וגודל קובץ בטבלה אחת.
“הסירו את הרקע.” ה מסיר הרקע מסיר רקע אחיד למדי. תצלומי מוצר על רקע לבן או סטודיו עובדים טוב; שיער על רקע רחוב עמוס פחות.
מה קידוד מחדש באמת עולה לכם
כדאי לדעת לפני שאתם ממירים משהו פעמיים.
JPEG ו-WebP הם עם אובדן: שמירה זורקת פרטים שהפורמט מהמר שלא תשימו לב אליהם. ההימור הזה נעשה מחדש בכל שמירה. פתחו JPEG, אל תשנו כלום, שמרו אותו שוב, והוא גרוע באופן מדיד ממה שהיה — הפגמים מהשמירה הראשונה מטופלים כפרטים אמיתיים ומקודדים מעליהם. עשו זאת שמונה או עשר פעמים וזה נראה. זו אובדן דורות, וזו הסיבה שכדאי לשמור מקור ולייצא מחדש ממנו במקום לערוך את העותק המיוצא.
PNG הוא ללא אובדן: הוא שומר כל פיקסל בדיוק ויכול להישמר מחדש לנצח בלי להתדרדר. אבל הוא לא יכול לבטל נזק שכבר קרה. המרת JPEG דחוס מאוד ל-PNG משמרת את הפגמים בשלמות והופכת את הקובץ לגדול הרבה יותר. האיכות נעלמה; PNG רק עוצר את ההידרדרות.
מסקנה מעשית: בצעו שינויי ממדים ושינויי פורמט במעבר אחד, מהמקור. שינוי גודל של תמונה ואז המרתה מקודד מחדש פעמיים. כל כלי כאן קורא מחדש את הקובץ שאתם נותנים לו, אז תנו לו את הטוב.
למה אף אחד מאלה לא מעלה את התמונות שלכם
כל כלי בעמוד הזה מצייר את הקובץ שלכם על canvas של HTML, עובד על מערך הפיקסלים, וקורא את התוצאה בחזרה. זה API של דפדפן — הוא רץ על המכשיר שלכם, ואין שלב שבו התמונה נשלחת לשום מקום. אין מה להעלות אומר אין מה לשמר, ואין תור לחכות בו.
זה גם אומר שהתקרה היא זיכרון המכשיר שלכם, לא השכבה החינמית של מישהו. כמה עשרות תמונות טלפון בבת אחת זה נורמלי במחשב נייד; כמה מאות גדולות מאוד עשויות לגרום ללשונית להתקשות. אם אצווה נתקעת, פצלו אותה.