PixRinseاسکرین شاٹس انگریزی ایپ کو دکھاتے ہیں۔ پیش سیٹ نام اور کنٹرول آپ کی ایپ کی زبان میں بھی دستیاب ہیں۔
آپ کا نقطہ آغاز
PixRinse میں ریسپانسیو Web استعمال کریں، پھر اپنی اصل منزل کے خلاف ان ترتیبات کا جائزہ لیں۔
| چوڑائیاں | 320 / 640 / 1280 / 1920 px |
|---|---|
| آؤٹ پٹ | WebP، معیار 80 |
| رنگ | sRGB |
| چھوٹے ذرائع | بڑی قسموں کو چھوڑ دیا گیا ہے۔ |
یہ کیسے کرنا ہے
اصل اثاثہ کے ساتھ شروع کریں
آپ کو جس سب سے بڑی قسم کی ضرورت ہے اس کے لیے کافی چوڑا ذریعہ استعمال کریں۔ ہر مشتق کو بار بار تبدیل کرنے کے بجائے اصل سے پیدا کیا جاتا ہے۔
منتخب کریں ریسپانسیو Web
چار بلٹ ان چوڑائیوں اور فائل کے ناموں کا جائزہ لیں۔ ماخذ سے زیادہ وسیع متغیرات کو چھوڑ دیا گیا ہے، لہذا منصوبہ بند آؤٹ پٹ کی گنتی کا معائنہ کریں۔
امیج سیٹ ایکسپورٹ کریں۔
تمام آؤٹ پٹ کا جائزہ لیں۔ ایک سے زیادہ آؤٹ پٹ فی سورس کے لیے پرو کی ضرورت ہوتی ہے۔ مفت درجے کو اب بھی سنگل سائز کے ورک فلو کو جانچنے کے لیے استعمال کیا جا سکتا ہے۔
اپنے صفحہ پر تصاویر شامل کریں۔
srcset میں width descriptors استعمال کریں اور 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 تصاویر تک اور فی ماخذ ایک آؤٹ پٹ۔ اس ورک فلو کے متعدد آؤٹ پٹس کو پرو کی ضرورت ہوتی ہے۔ مفت اور پرو کا موازنہ کریں۔