SVG کو PNG میں تبدیل کریں

ایسی ریزولوشن طے کرنا جو کبھی طے تھی ہی نہیں

SVG کے نہ پکسلز ہوتے ہیں نہ سائز۔ یہ ڈرائنگ کی ہدایات کا مجموعہ ہے — یہ لکیر، وہ رنگ، یہ خم — اسی لیے یہ کسی بھی حد تک بڑا کرنے پر تیز رہتی ہے اور اسی لیے لوگو کو جتنی دیر ممکن ہو اسی شکل میں رہنا چاہیے۔ پکسلز میں بدلنا ہمیشہ کے لیے ایک سائز طے کر دیتا ہے۔ اس لیے سائز اس سب سے بڑی جگہ کے مطابق چنیں جہاں تصویر دکھائی جائے گی، اور یاد رکھیں کہ دو یا تین گنا کثافت والی اسکرین کو دو یا تین گنا پکسلز چاہییں: 64 پوائنٹ پر دکھائی جانے والی آئیکن کو جدید فون پر ٹھیک دکھنے کے لیے 192 پکسلز چاہییں۔

سب سے زیادہ گڑبڑ ٹیکسٹ میں ہوتی ہے، اور اس کی وجہ سمجھنا مفید ہے۔ SVG کہتی ہے “یہ جملہ Helvetica Neue میں لکھو”؛ اگر رینڈر کرنے والی مشین کے پاس Helvetica Neue نہیں ہے تو اس کی جگہ کوئی اور فونٹ آ جاتا ہے اور لے آؤٹ کھسک جاتا ہے — جو عنوان اپنے باکس میں پورا آتا تھا اب باہر نکل جاتا ہے۔ URL سے بتایا گیا ویب فونٹ یہاں بالکل لوڈ نہیں ہوتا، کیونکہ تصویر کے طور پر رینڈر ہونے والی SVG جان بوجھ کر الگ تھلگ رکھی جاتی ہے اور نیٹ ورک تک نہیں پہنچ سکتی۔ حل وہی ہے جو ہر ڈیزائنر آخرکار سیکھتا ہے: ایکسپورٹ کرنے سے پہلے ٹیکسٹ کو آؤٹ لائنز میں بدل دیں، تو حروف ایسی لکیریں بن جاتے ہیں جنہیں کسی فونٹ کی ضرورت نہیں۔

یہی علیحدگی باقی حیرتوں کی بھی وضاحت کرتی ہے۔ لنک کی گئی بٹ میپ — کہیں موجود کسی .png کی طرف اشارہ کرنے والا image عنصر — کچھ نہیں بنتا۔ اسکرپٹس نہیں چلتے، اس لیے جو SVG خود کو JavaScript سے بناتی ہے وہ خالی یا آدھی بنی نکلتی ہے۔ ڈیکلیریٹو اینیمیشن اپنی ابتدائی حالت میں بنتی ہے، یعنی پہلے فریم کی ساکن تصویر۔ جو کچھ خود مکتفی ہے وہ بالکل ٹھیک کام کرتا ہے: گریڈینٹس، فلٹرز، کلپنگ پاتھس، ماسکس، ایمبیڈڈ data URI تصاویر اور بلر ایفیکٹس سب ویسے ہی بنتے ہیں جیسے بنائے گئے۔

اس کے لیے درست منزل PNG ہے، JPEG نہیں۔ ویکٹر آرٹ ورک سادہ رنگ اور سخت کناروں پر مشتمل ہوتا ہے، جسے PNG بہترین کمپریس کرتی ہے اور JPEG خراب کر دیتی ہے — JPEG میں ہر تیز کنارے کے گرد ہالہ بن جاتا ہے۔ ٹرانسپیرنسی ایک اصل الفا چینل کے طور پر آتی ہے، اس لیے درست سائز پر ایکسپورٹ کیا گیا لوگو کسی بھی بیک گراؤنڈ پر بیٹھ جاتا ہے۔ اگر SVG کوئی سائز بتاتی ہی نہیں، صرف viewBox، تو تناسب وہیں سے آتا ہے اور سائز آپ خود چنتے ہیں۔

جب آپ کو کچھ اور چاہیے

resvg اور rsvg-convert کمانڈ لائن سے SVG کو رینڈر کرتے ہیں اور ان کے پاس فونٹس کا اصل ذخیرہ ہوتا ہے، اس لیے ٹیکسٹ کسی متبادل کے بجائے اپنے مطلوبہ ٹائپ فیس میں بنتا ہے — rsvg-convert -w 512 in.svg -o out.png پوری کمانڈ ہے۔ Inkscape --export-type=png --export-dpi=300 اس اسپیسیفکیشن کا سب سے مکمل نفاذ ہے، اور ایسے فلٹرز اور بلینڈ موڈز سنبھالتا ہے جنہیں ہلکے رینڈررز صرف تقریباً بنا پاتے ہیں۔

پکسلز میں بدلنے سے پہلے یہ دیکھ لیں کہ کیا واقعی کسی چیز کو PNG چاہیے۔ ہر براؤزر ایک دہائی سے زیادہ عرصے سے SVG خود دکھاتا ہے، اور ویب سائٹ پر لوگو یا آئیکن کے لیے SVG چھوٹی، لامحدود حد تک تیز، اور CSS سے اسٹائل کے قابل ہوتی ہے۔ جن کاموں کو واقعی پکسلز چاہییں وہ لوگوں کے خیال سے کم ہیں: فیو آئیکنز، سوشل پیش نظارہ تصاویر، ای میل، ایپ اسٹور کی فائلیں، اور ایسے سافٹ ویئر جو ویکٹر نہیں پڑھ سکتے۔