PixRinseצילומי מסך מציגים את האפליקציה באנגלית. שמות ופקדים מוגדרים מראש זמינים גם בשפת האפליקציה שלך.
נקודת המוצא שלך
השתמש ב-Web רספונסיבי ב-PixRinse, ולאחר מכן סקור את ההגדרות הללו מול היעד האמיתי שלך.
| רוחב | 320 / 640 / 1280 / 1920 px |
|---|---|
| תְפוּקָה | WebP, איכות 80 |
| צֶבַע | sRGB |
| מקורות קטנים | מדלגים על גרסאות גדולות יותר |
איך לעשות את זה
התחל עם הנכס המקורי
השתמש במקור רחב מספיק עבור הגרסה הגדולה ביותר שאתה צריך. כל נגזרת נוצרת מהמקור במקום לשנות את הגודל שוב ושוב.
בחר Web רספונסיבי
סקור את ארבעת הרוחב המובנים ושמות הקבצים. וריאציות רחבות יותר מהמקור מדלגות, אז בדוק את ספירת הפלט המתוכננת.
ייצא את ערכת התמונות
סקור את כל הפלטים. יציאות מרובות לכל מקור דורשות Pro; עדיין ניתן להשתמש בשכבה החינמית כדי לבדוק זרימת עבודה בגודל יחיד.
הוסף את התמונות לעמוד שלך
השתמש בתיאורי רוחב ב-srcset והגדר את sizes כך שיתאים לפריסה בפועל. כלול רוחב, גובה וטקסט חלופי מדויק באלמנט התמונה.
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>הקבצים מתוך ההליכה הזו
מה שהדוגמה הזו יצרה
מקור ברוחב 3072 px גדול מספיק עבור כל ארבעת הרוחבים שנקבעו מראש. כל קובץ הוא WebP נפרד, שנוצר ישירות מאותו מקור.
- אֵיכוּת
- 80
- פרופיל צבע
- sRGB
- פלטים ממקור אחד
- 4
| קוֹבֶץ | פוּרמָט | פיקסלים | בתים |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | 35,214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64,108 |
| vase-320w.webp | WebP | 320 × 213 | 4,018 |
| vase-640w.webp | WebP | 640 × 427 | 11,594 |
נמדד בקבצים לדוגמה המוצגים. התוצאות שלך תלויות במקורות ובהגדרות שלך. צילום האגרטל הקרמי הוא דגימה שנוצרה על ידי AI. צילומי המסך של האפליקציה ומדידות הקבצים המיוצאים אמיתיים.
כמה שאלות נפוצות
מה קורה אם המקור שלי הוא רק 1000 px רחב?
התבנית מדלגת על גרסאות 1280 ו1920 px. רק קבצי עזר שנוצרו בפועל.
האם האפליקציה מייצרת HTML?
זרימת עבודה זו מייצרת תמונות. הוסף srcset ו-sizes בקוד האתר או במערכת התוכן שלך.
הפעל את זרימת העבודה.
פתח את PixRinse, הוסף כמה תמונות והתחל עם ההגדרות שלמעלה.
הורדה ל‑Macחינם: עד 10 תמונות לכל אצווה ופלט אחד לכל מקור. הפלטים המרובים של זרימת העבודה הזו דורשים Pro. השווה חינם ופרו.