Utiliome

בודק גודל ומידות תמונה

נתחו רוחב וגובה מדויקים בפיקסלים, יחס גובה-רוחב, מגה-פיקסל, טביעת זיכרון RGBA לא דחוסה, מידות הדפסה ב-300 DPI וקוד HTML בלי CLS.

בלי העלאותבלי הרשמהעיבוד באצווה
מידותיחס גובה-רוחבמחשבון גודל הדפסהתג HTML עם אפס CLSייצאו CSV
ייצאו CSV
מנוע לא מקוון מוכןסביבת עבודה פרטית ב-100% בדפדפן • בלי העלאות לענן
כלים שאולי גם תצטרכו

כלים קשורים

שינוי גודל תמונה

שנו מידות תמונה והגדילו או הקטינו אותה מקומית בדפדפן.

מציג מטא-דאטה לתמונה

צפו במאפייני תמונה מפורטים, במידות, בגודל הקובץ ובמטא-דאטה נוסף, ישירות בדפדפן.

חיתוך תמונה

חתכו וקצצו תמונות ישירות בדפדפן.

דחיסת תמונה

הקטינו משמעותית קובצי תמונה (JPG, PNG, WebP) בלי לאבד איכות חזותית.

המרת פורמט תמונה

המירו תמונות מיד בין הפורמטים PNG, JPG, WEBP ו-GIF.

הגדלת תמונה ב-AI

הגדילו ושפרו תמונות ישירות בדפדפן, באמצעות AI מקומי.

100% פרטי • בלי העלאת קבצים לשרת

למה להשתמש בבודק הגודל והמידות שלנו?

נבנה מהיסוד לפרטיות קפדנית, הרצה מיידית ואפס חיכוך. בלי מנויים, חומות תשלום או הרשמה.

ביקורת פיקסלים, יחס ומגה-פיקסל

קבלו רוחב × גובה מדויקים, יחס מתמטי מפושט (למשל 16:9, 4:3, 1:1), כיוון ומספר מגה-פיקסל.

מחשבון גודל הדפסה אינטראקטיבי

עברו בין אינץ' (in), סנטימטר (cm) ומילימטר (mm) וראו מידות הדפסה מדויקות ב-72, 150, 300 ו-600 DPI.

זיכרון GPU/RAM מפוענח ומדד BPP

השוו גודל קובץ דחוס לשימוש בזיכרון RGBA של 32 סיביות (רוחב × גובה × 4 בתים) וליעילות דחיסה בסיביות לפיקסל (BPP).

קטע HTML בלי CLS וייצוא CSV

העתיקו תגי <img> מוכנים לייצור עם width, height ו-aspect-ratio, או ייצאו גיליון ביקורת של כמה תמונות כ-CSV.

Utiliome מול חלופות ענן מסורתיות

השוו את מנוע ה-WebAssembly המקומי שלנו לכלי ענן ישנים.

מאפיין Utiliome (דפדפן מקומי) ממירי ענן ישנים
ארכיטקטורת הבדיקה פענוח מקומי בדפדפן (קריאה מיידית, אפס העלאות) סיבוב העלאה לשרת רק כדי לקרוא מידות בסיסיות
מחשבון הדפסה ו-DPI מחשבון 72 / 150 / 300 / 600 DPI באינץ', בס"מ ובמ"מ מציג רק רוחב/גובה בפיקסלים, בלי מידות הדפסה
אבחון זיכרון ודחיסה טביעת RGBA ב-GPU/RAM + יעילות סיביות לפיקסל (BPP) מדווח רק על גודל בדיסק, בלי VRAM או צפיפות דחיסה
ייצוא למפתחים ולאצווה מחולל קטע HTML <img> בלי CLS + ייצוא CSV לכמה קבצים בלי יצירת HTML ובלי ייצוא גיליון אצווה
איך זה עובד

איך להשתמש ב-בודק גודל ומידות תמונה ב-3 צעדים

בלי התקנת תוכנה. הכול רץ ישירות בדפדפן.

1

גררו תמונה אחת או כמה

גררו JPG, PNG, WebP, AVIF, GIF או SVG לאזור ההעלאה כדי לנתח גאומטריה מיד בדפדפן.

2

בדקו מידות, שימוש ב-RAM ו-DPI

עיינו במידות פיקסלים, ביחס, בטביעת זיכרון RGBA ובגדלי הדפסה ב-72, 150, 300 ו-600 DPI.

3

העתיקו HTML בלי CLS או ייצאו CSV

העתיקו קטע <img> רספונסיבי לפיתוח, או הורידו דוח JSON או CSV לכל התמונות שהועלו.

מידות פיקסלים מול גודל קובץ מול זיכרון RGBA לא דחוס

תשובה קצרה: לתמונה שלושה מדדי גודל: מידות פיקסלים (רוחב × גובה על המסך), גודל דחוס בדיסק (קילו-בייט או מגה-בייט ברשת), וזיכרון RGBA לא דחוס (רוחב × גובה × 4 בתים של RAM/VRAM שהדפדפן צריך כדי לרנדר את מפת הסיביות).

מעצבים ומפתחים מערבבים לעיתים גודל קובץ(KB/MB) עםמידות תמונה(px) ועםשימוש בזיכרון בזמן ריצה. JPEG דחוס של 4000×3000 px יכול לשקול רק 450 KB בדיסק, אבל אחרי פענוח בדפדפן מובייל או במלחין GPU הוא מתרחב למפת סיביות RGBA של 32 סיביות בנפח 48 MB (4000 × 3000 × 4 בתים).

בודק גודל התמונה מחשב כל מדד גאומטרי ואחסון במקביל:

שם המדד נוסחה דוגמה (3840×2160 גיבור 4K) למה זה חשוב
מידות פיקסלים $\text{Width} \times \text{Height}$ (px) 3840 × 2160 px חדות ב-Retina/4K ושמירת מקום בפריסת CSS
יחס גובה-רוחב $\frac{W}{\gcd(W,H)} : \frac{H}{\gcd(W,H)}$ 16:9 (1.778:1) מונע חיתוך לא תואם ברשתות רספונסיביות ובכרטיסים
מגה-פיקסל (MP) $\frac{\text{Width} \times \text{Height}}{1,000,000}$ 8.29 MP מדד לרזולוציית חיישן ולפירוט הדפסה
RAM של RGBA לא דחוס $\text{Width} \times \text{Height} \times 4\text{ bytes}$ 31.64 MB (33,177,600 B) תמונות כבדות עלולות לקרוס לשוניות Safari אם ה-RAM קופץ
סיביות לפיקסל (BPP) $\frac{\text{File Bytes} \times 8}{\text{Width} \times \text{Height}}$ 0.48 bpp (בקובץ של 500 KB) יעילות דחיסה; < 1.0 bpp מעיד על קידוד WebP/AVIF מודרני

אם המידות או ה-BPP מוגזמים, מיטבו מיד עם שינוי גודל תמונה או דחיסת תמונה.

איך מחשבים גודל הדפסה מפיקסלים ומ-DPI (72 מול 300)

תשובה קצרה: כדי להמיר מידות פיקסלים לגודל הדפסה באינץ', חלקו רוחב וגובה ב-DPI היעד: אינץ' = פיקסלים ÷ DPI. לסנטימטרים הכפילו ב-2.54; למילימטרים הכפילו ב-25.4.

לתמונה דיגיטלית אין גודל פיזי באינץ' או בסנטימטר עד שמגדירים רזולוציית הדפסה ב-DPI (נקודות לאינץ')אוPPI (פיקסלים לאינץ'). גם אם בכותרת כתוב 72 DPI או 96 DPI, רק מספר הפיקסלים קובע כמה חדה תהיה ההדפסה:

  • 300 DPI (תקן הדפסה איכותית): נדרש למגזינים מבריקים, אלבומים, ברושורים וכרטיסי ביקור שנצפים ממרחק זרוע (12–18 אינץ'). הדפסת 4" × 6" ב-300 DPI דורשת לפחות 1200 × 1800 px (2.16 MP).
  • 150 DPI (פורמט בינוני ופוסטרים): מתאים לפוסטרים, לקנבס ולשלטי תערוכה ממרחק של 3–6 רגל.
  • 72 DPI (מסך ושלטי חוצות): למסכים דיגיטליים ולשילוט חוץ ממרחק של 10+ רגל.
  • 600 DPI (קווים עדינים ואמנות): לטיפוגרפיה ברזולוציה גבוהה, להדמיה רפואית ולהדפסי ג'יקלה ארכיוניים.

השתמשו במתג היחידות in / cm / mm בסרגל הצד כדי לראות מידות בכל ארבע רמות ה-DPI, בלי חישוב ידני.

מניעת Cumulative Layout Shift (CLS) עם מאפיינים פנימיים

תשובה קצרה: Core Web Vitals של גוגל מעניש עמודים כשתמונות נטענות בלי מקום שמור, והטקסט קופץ (Cumulative Layout Shift). תמיד כללו width, height ו-aspect-ratio בכל תג <img>, כדי שהדפדפן ישמור את התיבה לפני ההורדה.

אחת הדרכים המהירות להגיע לציון 0.000 ב-Cumulative Layout Shift (CLS) ב-PageSpeed Insights וב-Lighthouse היא להצהיר על מידות הפיקסלים הפנימיות ב-HTML.

כשבודקים תמונה בכלי, מחולל קטע ה-HTML בלי CLS בונה תג מוכן להעתקה:

<img
  src="hero-banner.webp"
  width="1920"
  height="1080"
  style="aspect-ratio: 16 / 9; width: 100%; height: auto;"
  loading="lazy"
  decoding="async"
  alt=""
/>

דפדפנים מודרניים משתמשים במאפייני width ו-height (יחד עם aspect-ratio ב-CSS) כדי לחשב את היחס לפני שבייט אחד של התמונה מסיים להוריד. צריך לשנות יחס ל-16:9, 4:3 או 1:1? השתמשו ב-חיתוך תמונה.

ביקורת אצווה של מידות תיקייה עם דוחות CSV ו-JSON

תשובה קצרה: גררו עשרות תמונות ממוזערות, איורי בלוג או קריאייטיב למודעות, בדקו מידות זו לצד זו, וייצאו CSV עם שם קובץ, פורמט, גודל בבייטים, מידות, יחס, מגה-פיקסל וגודל הדפסה ב-300 DPI.

בדיקה ידנית אם 40 תמונות מוצר עומדות במפרט 2000×2000 px (1:1) של זירת מסחר איטית ומועדת לטעויות.

עם הבודק הרב-קבצי של Utiliome:

  1. העלאת אצווה: גררו תיקייה שלמה לסביבת העבודה.
  2. מעבר בין לשוניות: לחצו על כל תמונה בסרגל כדי לאתר יחס לא תואם או קובץ גדול מדי.
  3. ייצוא CSV בלחיצה:לחצו עלהורדת הכול (CSV) כדי ליצור גיליון עם Filename, Format, File Size (Bytes), Width (px), Height (px), Aspect Ratio, Megapixels, Decoded RAM (Bytes) ו-Print 300 DPI (in). צריך גם EXIF או GPS? עברו ל-צופה מטא-דאטה.
שאלות נפוצות

שאלות נפוצות ומדריך: בודק גודל ומידות תמונה

כל מה שצריך לדעת על בודק גודל ומידות תמונה החינמי של Utiliome.

איך מוצאים את מידות הפיקסלים המדויקות ואת יחס הגובה-רוחב?

גררו את התמונה לבודק הגודל. הוא מציג מיד רוחב × גובה (למשל 1920 × 1080 px), כיוון (לרוחב, לאורך או ריבוע), יחס מפושט (16:9) ויחס עשרוני (1.78:1).

כמה פיקסלים צריך להדפסה חדה ב-300 DPI?

הכפילו את מידות ההדפסה באינץ' ב-300. למשל הדפסה של 8×10 אינץ' ב-300 DPI דורשת 2400 × 3000 פיקסלים (7.2 MP). המחשבון המובנה מציג את גודל ההדפסה המדויק ב-72, 150, 300 ו-600 DPI, באינץ', בסנטימטרים ובמילימטרים.

למה 'RAM של RGBA לא דחוס' גדול בהרבה מגודל הקובץ?

JPEG, WebP ו-AVIF דוחסים פיקסלים בכבדות לאחסון ולרשת. כדי להציג על המסך הדפדפן מפענח כל פיקסל ל-4 בתים של RAM/VRAM (אדום, ירוק, כחול, אלפא). תמונת 4K של 500 KB דורשת מעל 31 MB זיכרון חי בזמן רינדור.

מהן סיביות לפיקסל (BPP) ומה ציון טוב לתמונות ווב?

BPP מודד כמה סיביות של גודל קובץ דחוס משמשות לכל פיקסל מרונדר. RGBA לא דחוס הוא 32 bpp. JPEG ממוטב לווב נע בדרך כלל בין 0.8 ל-1.8 bpp, ו-WebP או AVIF מגיעים לאיכות חדה ב-0.3 עד 0.8 bpp.

אפשר לייצא גיליון גדלים לכמה קבצים יחד?

כן. העלו כמה תמונות ולחצו על 'הורדת הכול (CSV)' בסרגל הפעולות כדי לייצא טבלה עם מידות, גודל בבייטים, יחס, מגה-פיקסל ומידות הדפסה ב-300 DPI.

האם התמונות מועלות לשרת ענן בזמן הבדיקה?

לעולם לא. פענוח המידות, חישובי הזיכרון וייצוא CSV/JSON מתבצעים מקומית בדפדפן.