איך חיתוך פיקסלים ללא אובדן בדפדפן עובד?
תשובה קצרה: Utiliome ממפה את מלבן הבחירה ישירות לקואורדינטות הפיקסלים הטבעיות של המקור (naturalWidth × naturalHeight) ומחלץ את תת-האזור לקנבס HTML5 — בלי להעלות את הקובץ ובלי לשנות את קנה המידה של הפיקסלים שנשארו.
כלי חיתוך בסיסיים מחלצים לעיתים פיקסלים מתצוגת CSS מוקטנת על המסך ולא מהקובץ ברזולוציה מלאה — ותצלום 4K חד הופך לגזיר מטושטש של 600 פיקסלים. עורכים מקוונים מסורתיים גם מעלים תמונות אישיות או צילומי מסך חסויים לענן רק כדי לקצץ שוליים.
Utiliome מחלץ קואורדינטות מדויקות בזיכרון הדפדפן:
- מיפוי לקואורדינטות המקור: בין אם המסך מכווץ תמונה של
4000 × 3000 ובין אם מדובר במסך Retina של 2×, Utiliome מחשב היסטים מדויקים (cropX, cropY, cropWidth, cropHeight) ממפת הסיביות המקורית.
- קריאת מידות חיה: בזמן גרירת פינה או קצה, שורת המצב מעדכנת את מידות הפלט בפיקסלים לפני ההורדה.
- ייצוא ישיר: ייצאו את הבחירה כ-
PNG ללא אובדן, JPG אוניברסלי או WebP קומפקטי.
מטריצת מסגור: 1:1 מול 16:9 מול 4:5 מול 9:16
תשובה קצרה: 1:1 לאווטארים ולרשת מוצרים, 16:9 לתמונות ממוזערות של YouTube ולשקפים, 4:5 לפוסטים אנכיים באינסטגרם ובפייסבוק, 9:16 לסטוריז ולרילס, ו-3:2 או 4:3 להדפסי צילום.
נעילת מסגרת החיתוך ליחס תקני מונעת מרשתות, מזירות מסחר ומערכות CMS לחתוך ראש או קצה מוצר:
| יחס |
מתמטיקה |
כיוון |
דוגמת פיקסלים |
שימושים עיקריים |
| ריבוע 1:1 |
רוחב = גובה (1.00) |
ריבוע |
1080 × 1080 px |
אווטארים, אריחי מוצר ב-Amazon/Shopify, רשת קרוסלה באינסטגרם |
| מסך רחב 16:9 |
16 רוחב × 9 גובה (1.78) |
לרוחב |
1920 × 1080 px |
תמונות ממוזערות ב-YouTube, מצגות, באנרים |
| פורטרט 4:5 |
4 רוחב × 5 גובה (0.80) |
אנכי |
1080 × 1350 px |
פוסטים אנכיים באינסטגרם ובפייסבוק (ממקסם גובה במסך) |
| סטורי 9:16 |
9 רוחב × 16 גובה (0.56) |
אנכי מלא |
1080 × 1920 px |
סטוריז, רילס, רקעי TikTok, YouTube Shorts |
| צילום 3:2 ו-4:3 |
חיישני מצלמה קלאסיים (1.50 / 1.33) |
לרוחב |
1800 × 1200 px |
הדפסי DSLR (4×6 אינץ׳), מסגרות סמארטפון, פריסות מערכת |
| כותרת 2:1 |
2 רוחב × 1 גובה (2.00) |
פנורמה |
1600 × 800 px |
כותרות מאמרים, כרטיסי X/Twitter, כותרות ניוזלטר |
אחרי החיתוך ליחס הנכון אפשר לכוון לרוחב פיקסלים מדויק ב-שינוי גודל תמונה.
רשת שלישים להרכב צילום טוב יותר
תשובה קצרה: Utiliome מציג רשת 3×3 בתוך אזור החיתוך. יישור עיניים של נושא או קו אופק לשליש העליון או התחתון יוצר איזון חזותי ומסיר רעש ברקע.
חיתוך הוא הדרך המהירה ביותר להציל צילום לא ממורכז או להסיר שוליים מיותרים:
- יישור קו עיניים בתמונת ראש: בחיתוך ל-
1:1, מקמו את העיניים על השליש האופקי העליון ולא במרכז המת.
- מיקום אופק בנוף: אופק על השליש התחתון מדגיש שמיים, ועל השליש העליון מדגיש מים או אדריכלות בחזית.
- ניקוי שולי מסמכים וצילומי מסך: עברו למצב חופשי כדי לקצץ סרגלי דפדפן, שורת משימות או שולי סורק כהים מקבלות ומצילומי מסך.
האופק נוטה מעט לפני החיתוך? יישרו קודם ב-סיבוב תמונה, או הוסיפו פינות מעוגלות לאווטאר ב-פינות מעוגלות.
חיתוך אצווה של גלריות בפגישה אחת
תשובה קצרה: כל לשונית שומרת קואורדינטות ויחס משלה — או לחצו 'Apply ratio & format to all images' כדי למסגר אצווה אחידה ולייצא ZIP אחד.
הכנת 15 תמונות ראש או תמונות ממוזערות של מוצר לרשת אתר אחידה פשוטה בסטודיו הרב-לשוניתי:
- שלב 1 — סנכרון יחס: בחרו
1:1 (או 4:5) בתמונה הראשונה ולחצו Apply ratio & format to all images.
- שלב 2 — כיוון עדין: עברו ברצועת התמונות הממוזערות והזיזו כל מסגרת מעל הפנים או מרכז המוצר. כל לשונית זוכרת את המיקום.
- שלב 3 — ייצוא: לחצו Download All Cropped (ZIP). אחר כך אפשר להקטין משקל ב-דחיסת תמונה או להוסיף קרדיט ב-סימן מים.