SVG سے WebP کنورٹر
ویکٹر فائل کو WebP میں بالکل اسی پکسل چوڑائی پر رینڈر کریں جو آپ کے لے آؤٹ کو درکار ہے۔ یہ اس وقت کام آتا ہے جب CMS میں SVG اپ لوڈ کی اجازت نہ ہو، سوشل پریویو کے لیے بٹ میپ تصویر چاہیے ہو، یا کسی السٹریشن میں اتنے زیادہ پاتھ ہوں کہ براؤزر اسے آہستہ بناتا ہو۔
تصویر کنورٹر
یا JPG, JPEG, JPE … فائلیں یہاں ڈراپ کریں ·
زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف
فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔
85 تصاویر کو اصل کے مطابق دکھاتا ہے۔ چھوٹی فائل چاہیے ہو تبھی اسے کم کریں۔
JPG، BMP اور EPS میں شفافیت نہیں ہوتی۔ شفاف پکسلز اس رنگ سے بھرے جاتے ہیں۔
شفاف پکسلز کے پیچھے استعمال ہونے والا Hex رنگ، مثلاً #FFFFFF۔
یہ فارمیٹ صرف ایک تصویر رکھتا ہے۔ اینیمیشن برقرار رکھنی ہو تو GIF یا WebP آؤٹ پٹ چنیں۔
کثیر سائز آئیکن ایک فائل میں کئی ریزولوشنز رکھتا ہے؛ براؤزر اور آپریٹنگ سسٹم اپنی ضرورت کا انتخاب کر لیتے ہیں۔
اصل ڈائمینشنز رکھیں، یا ایک کنارہ درج کریں تو تناسب برقرار رہتا ہے۔
اوپر منتخب کردہ کنارے کے پکسلز۔
اصل ڈائمینشنز کا فیصد۔
اسکرینز اور ویب کے لیے sRGB درست ہے۔ پرنٹ ورک فلو کے لیے اصل رکھیں؛ گرے اسکیل رنگ ختم کر دیتا ہے۔
صرف میٹا ڈیٹا، 0 اصل قدر رکھتا ہے۔ پرنٹر اور کچھ پورٹلز یہ نمبر پڑھتے ہیں؛ اس سے پکسل ڈائمینشنز نہیں بدلتیں۔
اس ٹول کو استعمال کرنے کا طریقہ
- 1
SVG اپ لوڈ کریں
Figma، Illustrator، Inkscape یا چارٹ لائبریری سے ایکسپورٹ کی گئی زیادہ سے زیادہ 20 .svg فائلیں شامل کریں، ہر فائل 95 MB تک۔
- 2
آؤٹ پٹ کی چوڑائی مقرر کریں
آؤٹ پٹ تصویر کا سائز تبدیل کریں میں چوڑائی 1200 px سے شروع ہوتی ہے؛ اسے اس چوڑائی سے دگنی کر دیں جتنی جگہ تصویر صفحے پر گھیرے گی۔ کوالٹی 90 ہے، یا سادہ لوگو اور آئیکنز کے لیے اعلیٰ سیٹنگز میں لاس لیس منتخب کریں۔
- 3
WebP میں تبدیل کریں
WebP میں تبدیل کریں دبائیں اور فائلیں یا ایک ZIP ڈاؤن لوڈ کریں۔ شفاف حصے شفاف ہی رہتے ہیں۔
SVG کو مخصوص سائز پر WebP میں کیسے تبدیل کروں؟
SVG اپ لوڈ کریں، آؤٹ پٹ تصویر کا سائز تبدیل کریں میں مطلوبہ چوڑائی پکسلز میں سیٹ کریں (ڈیفالٹ 1200 px)، اور WebP میں تبدیل کریں دبائیں۔ ویکٹر اسی چوڑائی پر نئے سرے سے بنایا جاتا ہے، اس لیے کچھ بڑا یا دھندلا نہیں ہوتا۔
SVG کو کب WebP میں تبدیل کرنا چاہیے
SVG 2001 میں W3C Recommendation بنی اور زیادہ تر لوگو اور آئیکنز کے لیے درست فارمیٹ ہے: چند کلو بائٹ کا متن جو ہر زوم پر تیز رہتا ہے۔ مسئلہ تب شروع ہوتا ہے جب فائل آپ کے اپنے کوڈ سے باہر جاتی ہے۔ WordPress اور کئی ہوسٹڈ شاپ بلڈرز SVG اپ لوڈ مسترد کرتے ہیں، Facebook، LinkedIn اور X پر لنک پری ویو بٹ میپ کے طور پر لیے جاتے ہیں، اور ڈیزائن ٹولز ایسی illustrations ایکسپورٹ کرتے ہیں جن میں ایمبیڈڈ raster ایفیکٹس ویکٹر فائل کو کئی میگا بائٹ کے مارک اپ میں بدل دیتے ہیں۔
WebP، جسے Google نے 2010 میں جاری کیا اور Safari نے آخرکار 2020 میں ورژن 14 میں سپورٹ کیا، اسی کام کے لیے بنی بٹ میپ ہے: ایک جیسی شکل پر PNG سے چھوٹی، اور حقیقی الفا چینل کے ساتھ۔ SVG کو براہ راست اس کے آخری سائز پر WebP میں رینڈر کرنے سے بڑی PNG ایکسپورٹ کا معمول کا چکر بچ جاتا ہے۔ اگر آپ الٹا بھی چاہتے ہیں تو WebP سے SVG کا صفحہ بتاتا ہے کہ اس سمت میں تبدیلی کے بجائے ٹریسنگ کیوں درکار ہے۔
عام ویب جگہوں کے لیے SVG سے WebP سائز
1200 × 630 px
Open Graph لنک پری ویو
صفحہ شیئر کرنے پر دکھائی جانے والی تصویر
1920 × 1080 px
پوری چوڑائی کی hero illustration
1× پر زیادہ تر ڈیسک ٹاپ اسکرینیں کور کرتی ہے
1600 × 900 px
2× پر بلاگ کالم کی تصویر
800 px کے مواد والے کالم کے لیے
400 × 100 px
2× پر ہیڈر لوگو
200 × 50 px کے لوگو سلاٹ کے لیے
SVG
اسکیلیبل ویکٹر گرافکس
SVG ایک XML پر مبنی ویکٹر فارمیٹ ہے جسے W3C نے 2001 میں معیاری بنایا۔ پکسلز کے بجائے یہ شکلیں، راستے اور متن بیان کرتا ہے، اس لیے ہر سائز پر صاف رہتا ہے اور لوگو اور آئیکنز کے لیے عموماً بہت چھوٹا ہوتا ہے۔ یہ شفافیت، CSS اسٹائلنگ، اسکرپٹنگ اور اینیمیشن کو سپورٹ کرتا ہے اور ہر براؤزر اسے براہ راست دکھاتا ہے۔ SVG تصاویر (فوٹو) کے لیے موزوں نہیں، اور پیچیدہ خاکے رینڈر میں سست ہو سکتے ہیں۔ Illustrator، Inkscape، Figma اور براؤزر اسے کھول اور ایڈٹ کر سکتے ہیں۔
- کمپریشن
- –
- شفافیت
- ہاں
- اینیمیشن
- ہاں
- متعارف ہونے کا سال
- 2001 · W3C
WEBP
WebP تصویر
WebP ایک امیج فارمیٹ ہے جو Google نے 2010 میں ویب صفحات کو تیزی سے لوڈ کرنے کے لیے جاری کیا۔ یہ ایک ہی فارمیٹ میں لاسی اور لاس لیس کمپریشن، الفا شفافیت اور اینیمیشن کو سپورٹ کرتا ہے۔ لاسی WebP فائلیں ملتی جلتی بصری کوالٹی کی JPEG سے عموماً 25–35% چھوٹی ہوتی ہیں، اور لاس لیس WebP عموماً PNG سے چھوٹا ہوتا ہے۔ ہر موجودہ براؤزر اسے سپورٹ کرتا ہے، لیکن کچھ پرانے ڈیسک ٹاپ سافٹ ویئر، پرنٹ سروسز اور اپ لوڈ فارم اب بھی اسے رد کرتے ہیں۔ Windows، macOS اور زیادہ تر جدید امیج ایڈیٹرز WebP فائلیں کھول سکتے ہیں۔
- کمپریشن
- لاسی یا لاس لیس
- شفافیت
- ہاں
- اینیمیشن
- ہاں
- متعارف ہونے کا سال
- 2010 · Google
لوگ SVG کو WebP میں اس لیے تبدیل کرتے ہیں کہ ایسی جگہوں کے لیے ہلکی، مقررہ سائز کی بٹ میپ مل سکے جو ویکٹر فائلیں قبول نہیں کرتیں یا انہیں سست دکھاتی ہیں، جیسے CMS، سوشل پری ویو یا مصروف لینڈنگ پیج؛ WebP سے SVG ٹریسنگ کا کام ہے، فارمیٹ کی تبدیلی نہیں۔
SVG کو کیسے رسٹرائز کیا جاتا ہے اور کیا چیک کریں
کنورٹر SVG کی اپنی چوڑائی، اونچائی اور viewBox پڑھتا ہے، پھر ہر پاتھ کو آپ کی مقرر کردہ چوڑائی پر بناتا ہے؛ اونچائی تناسب کے مطابق بنتی ہے۔ چونکہ ڈرائنگ آخری سائز پر ہوتی ہے، باریک لائنیں اور چھوٹا متن درست اسکیل پر ایک ہی بار اینٹی ایلیسڈ ہوتے ہیں۔ چھوٹی PNG کو بعد میں بڑا کرنے سے اتنی صاف شکل کبھی نہیں ملتی۔
فونٹس عام طور پر حیران کرتے ہیں۔ اگر SVG ایسے typeface کا نام لے جو ایمبیڈڈ نہیں یا آؤٹ لائنز میں تبدیل نہیں ہوا، تو متبادل فونٹ استعمال ہوتا ہے اور لائنوں کی لمبائی بدل جاتی ہے۔ ایکسپورٹ سے پہلے اپنے ڈیزائن ٹول میں متن کو آؤٹ لائن کر لیں۔ SVG کے اندر URL سے جڑی بیرونی تصاویر حاصل نہیں کی جاتیں، اس لیے انہیں ایمبیڈ کریں یا پہلے آرٹ ورک فلیٹ کریں۔
SVG سے WebP کنورٹر: کیا کریں اور کیا نہ کریں
| کریں | نہ کریں |
|---|---|
| دکھائی جانے والی CSS چوڑائی سے 2× پر رینڈر کریں | ایسے سادہ inline آئیکنز تبدیل نہ کریں جو SVG میں چھوٹے ہیں |
| چند رنگوں والے سادہ لوگو کے لیے لاس لیس استعمال کریں | 600 px کی جگہ کے لیے 4000 px پر رینڈر نہ کریں |
| آئندہ سائزز کے لیے SVG ماسٹر رکھیں | ای میل نیوز لیٹرز میں WebP نہ بھیجیں |
| لے آؤٹ شفٹ سے بچنے کے لیے WebP کو width اور height attributes کے ساتھ پیش کریں | لائیو ٹیکسٹ کی توقع نہ رکھیں: WebP پکسلز ہے، منتخب ہونے والا متن نہیں |
SVG سے WebP کے بارے میں سوالات
SVG کو WebP میں تبدیل کرتے وقت کون سی پکسل چوڑائی رکھیں؟
تصویر جس چوڑائی پر CSS پکسلز میں دکھائی جاتی ہے اسے دگنا کر لیں، تاکہ زیادہ ڈینسٹی والی فون اور لیپ ٹاپ اسکرینوں پر بھی تیز رہے۔ 800 px کے کالم میں دکھائی جانے والی illustration کو 1600 px پر رینڈر کریں۔ ویب پر 3× شاذ ہی فائدہ دیتا ہے، کیونکہ فائل بڑی ہو جاتی ہے جبکہ نظر آنے والی بہتری معمولی ہوتی ہے۔
کیا ویب سائٹ کے لیے WebP، SVG سے بہتر ہے؟
سادہ لوگو، آئیکنز اور ڈائیگرامز کے لیے نہیں: صاف SVG بہت چھوٹی ہوتی ہے اور ہر سائز پر تیز رہتی ہے، اس لیے اسے رکھیں۔ WebP پیچیدہ illustrations کے لیے بہتر ہے جن میں گریڈینٹ، فلٹرز یا ہزاروں پاتھ ہوں، اور ہر اس جگہ کے لیے جو صرف بٹ میپ قبول کرتی ہو، جیسے سوشل پری ویو یا SVG سپورٹ کے بغیر CMS۔
کیا WebP میں میرے SVG کا شفاف بیک گراؤنڈ برقرار رہتا ہے؟
جی ہاں۔ WebP میں lossy اور lossless دونوں موڈ میں مکمل الفا چینل ہوتا ہے، اس لیے SVG میں جہاں فل نہ ہو وہ حصے شفاف رہتے ہیں۔ شکلوں کے کنارے شفافیت کے مقابل اینٹی ایلیسڈ ہوتے ہیں، جو کسی بھی بیک گراؤنڈ رنگ پر درست نظر آتے ہیں۔
ویکٹر آرٹ ورک کے لیے lossy WebP بہتر ہے یا lossless؟
لاس لیس سادہ لوگو، آئیکنز اور چند ٹھوس رنگوں والے چارٹس کے لیے موزوں ہے؛ یہ بہت اچھی طرح کمپریس ہوتے ہیں اور کنارے بالکل صاف رہتے ہیں۔ 85 سے 90 کوالٹی پر lossy گریڈینٹ، سائے یا ٹیکسچر والی illustrations کے لیے موزوں ہے، جہاں لاس لیس فائلیں بھاری ہو جاتی ہیں۔ ایک فائل پر دونوں آزمائیں اور جو چھوٹا نتیجہ صاف نظر آئے اسے رکھیں۔
میں WordPress پر SVG اپ لوڈ کیوں نہیں کر سکتا؟
WordPress اجازت یافتہ اپ لوڈ اقسام میں SVG شامل نہیں کرتا کیونکہ SVG میں اسکرپٹس ہو سکتی ہیں۔ یہ 2021 میں جاری ہونے والے ورژن 5.8 سے WebP قبول کرتا ہے، اس لیے تبدیلی سے ایسی فائل ملتی ہے جسے میڈیا لائبریری بغیر سیکیورٹی پلگ اِن کے لے لیتی ہے۔ جن سائٹس کو اصل ویکٹر چاہییں وہ sanitizing پلگ اِن کے ذریعے SVG سپورٹ شامل کر سکتی ہیں۔
کیا میں یہ WebP ای میل نیوز لیٹر میں استعمال کر سکتا ہوں؟
اس سے گریز کریں۔ کئی ای میل کلائنٹس، بشمول Windows کا ڈیسک ٹاپ Outlook، WebP نہیں دکھاتے، اور Gmail SVG بھی رینڈر نہیں کرتا۔ ای میل کے لیے آرٹ ورک کو SVG سے PNG سے رینڈر کریں۔
