HTML سے PNG کنورٹر

Q: کیا PNG میں سفید کی بجائے شفاف بیک گراؤنڈ ہو سکتا ہے؟

جی ہاں۔ **شفاف پس منظر** آن کریں۔ یہ صرف وہیں نظر آتا ہے جہاں صفحہ خود کوئی پس منظر رنگ مقرر نہیں کرتا، اس لیے جس سائٹ کی باڈی کا رنگ سفید ہو وہ پھر بھی سفید آئے گی۔ یہ ایک الگ HTML فائل کے طور پر بنائے گئے کسی ایک کمپوننٹ یا بیج کے لیے سب سے بہتر ہے۔

Q: لمبے صفحے کے صرف اوپری حصے کی تصویر کیسے بنائیں؟

**تصاویر** کو فی صفحہ ایک تصویر پر کریں اور **صفحات** کو پہلا صفحہ پر رکھیں۔ آپ کو پوری لمبائی کے بجائے صفحے کے سائز کا پہلا حصہ ملے گا۔ بعد میں اسے عین فریم تک کاٹنے کے لیے [تصویر کراپ کریں](/crop-image) ٹول استعمال کریں۔

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

یا DOC, DOCX, DOCM … فائلیں یہاں ڈراپ کریں ·

زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف

آؤٹ پٹ

اس میں تبدیل کریں

ریزولوشن

تصاویر

فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔

اس ٹول کو استعمال کرنے کا طریقہ

1
HTML فائل شامل کریں
‏.html، .htm یا .mhtml فائلیں اپ لوڈ کریں، ایک بیچ میں زیادہ سے زیادہ 20 فائلیں اور ہر فائل 95 MB تک۔ ایک MHTML فائل کے طور پر محفوظ کیے گئے صفحے میں اس کی تصاویر اور اسٹائلز شامل ہوتے ہیں۔
2
ونڈو کی چوڑائی مقرر کریں
HTML صفحے کی چوڑائی ابتدا میں 1280 px ہوتی ہے۔ موبائل لے آؤٹ کے لیے 390 px اور چوڑے ڈیش بورڈ کے لیے 1920 px رکھیں۔ اس میں تبدیل کریں میں پہلے سے PNG منتخب ہے اور تصاویر میں ایک لمبی تصویر منتخب ہے۔
3
PNG میں تبدیل کریں
PNG میں تبدیل کریں دبائیں۔ اگر صفحے کا اپنا کوئی پس منظر رنگ نہیں ہے اور تصویر کسی اور ڈیزائن کے اوپر لگے گی تو اعلیٰ سیٹنگز میں شفاف پس منظر آن کریں۔

جواب

HTML کو PNG میں کیسے تبدیل کریں؟

.html یا .mhtml فائل اپ لوڈ کریں، HTML صفحے کی چوڑائی اس اسکرین کے مطابق رکھیں جس کی نقل چاہتے ہیں، اور PNG میں تبدیل کریں دبائیں۔ پورا رینڈر شدہ صفحہ ایک بغیر نقصان والی تصویر کے طور پر واپس ملے گا۔

جب متن اور لکیریں واضح رہنی ضروری ہوں تو HTML کو PNG میں تبدیل کریں

PNG 1996 سے W3C کی سفارش ہے اور بغیر نقصان کمپریشن استعمال کرتا ہے، اس لیے 14 px باڈی ٹیکسٹ کے ہموار کنارے، ایک پکسل کے ٹیبل بارڈر اور رنگین کوڈ جوں کے توں رہتے ہیں۔ اسی وجہ سے ڈیولپرز بگ رپورٹس کے ساتھ PNG لگاتے ہیں اور ڈیزائنرز ریویوز میں شیئر کرتے ہیں: کسی کو یہ سوچنا نہیں پڑتا کہ دھندلا کنارہ CSS کا مسئلہ ہے یا کمپریشن کا نقص۔

قیمت سائز کی صورت میں ادا کرنی پڑتی ہے۔ متن اور سادہ رنگوں والا صفحہ اچھا کمپریس ہوتا ہے؛ تصاویر سے بھرا صفحہ نہیں ہوتا۔ اگر کیپچر چیٹ یا ای میل میں جا رہا ہے جہاں باریک تفصیل سے زیادہ سائز اہم ہے تو JPG چھوٹی فائل دیتا ہے۔ دستاویزات، ریلیز نوٹس، ڈیش بورڈز اور اسٹائل گائیڈز کے لیے PNG زیادہ محفوظ ڈیفالٹ ہے۔

چوڑائی لے آؤٹ طے کرتی ہے۔ HTML کا کوئی مقررہ صفحہ نہیں ہوتا: ایک ہی فائل 1280 px پر تین کالم کا ڈیسک ٹاپ ڈیزائن اور 390 px پر ایک کالم دکھاتی ہے۔ کنورٹر صفحے کو آپ کی دی گئی HTML صفحے کی چوڑائی پر، 320 سے 3840 px کے درمیان، لے آؤٹ کرتا ہے اور پہلی سطر سے فوٹر تک کیپچر کرتا ہے۔

عام اسکرینوں کے لیے HTML سے PNG کنورٹر کی چوڑائیاں

195:422

390 × 844 px

فون

کئی حالیہ iPhone کا CSS ویو پورٹ؛ موبائل لے آؤٹ دکھاتا ہے

41:59

820 × 1180 px

ٹیبلٹ

iPad Air پورٹریٹ میں؛ کئی سائٹس کے بریک پوائنٹس اسی کے قریب بدلتے ہیں

8:5

1280 × 800 px

لیپ ٹاپ

اس کنورٹر میں ڈیفالٹ چوڑائی

16:9

1920 × 1080 px

Full HD مانیٹر

چوڑے ڈیش بورڈز اور ایڈمن پینلز

HTML

ہائپر ٹیکسٹ مارک اپ لینگویج

HTML ویب کی مارک اپ زبان ہے، جسے Tim Berners-Lee نے 1990 کی دہائی کے اوائل میں بیان کیا اور اب WHATWG اسے لیونگ اسٹینڈرڈ کے طور پر برقرار رکھتا ہے۔ HTML فائل سرخیاں، پیراگراف، لنکس، ٹیبلز، تصاویر اور فارم بیان کرتی ہے، جبکہ اسٹائلنگ عموماً CSS سے آتی ہے۔ ہر براؤزر اسے رینڈر کرتا ہے، اور یہ ای میل ٹیمپلیٹس اور محفوظ کردہ ویب صفحات میں بھی استعمال ہوتی ہے۔ ایک HTML فائل اکثر بیرونی تصاویر اور اسٹائل شیٹس پر منحصر ہوتی ہے، اس لیے اکیلی منتقل کرنے پر خراب نظر آ سکتی ہے۔

کمپریشن: –
شفافیت: –
اینیمیشن: –
متعارف ہونے کا سال: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML کنورٹر

PNG

Portable Network Graphics

PNG ایک لاس لیس راسٹر فارمیٹ ہے جسے 1996 میں PNG Development Group نے شائع کیا اور بعد میں W3C اور ISO نے معیاری بنایا۔ یہ ہر پکسل کو بالکل ویسا ہی رکھتا ہے، مکمل الفا شفافیت کو سپورٹ کرتا ہے اور متن، تیز کناروں اور سادہ رنگوں کو بغیر خرابی کے سنبھالتا ہے۔ اسی درستگی کی وجہ سے یہ اسکرین شاٹس، لوگوز، آئیکنز اور انٹرفیس گرافکس کے لیے مثالی ہے۔ اس کی قیمت سائز ہے: PNG میں محفوظ تصاویر اکثر اسی تصویر کے JPEG یا WebP کے مقابلے میں کئی گنا بڑی ہوتی ہیں۔ تمام براؤزرز، آپریٹنگ سسٹمز اور ایڈیٹرز PNG فائلیں کھولتے ہیں۔

کمپریشن: لاس لیس
شفافیت: ہاں
اینیمیشن: نہیں
متعارف ہونے کا سال: 1996 · PNG Development Group

PNG کنورٹر

جب صفحہ زیادہ تر متن، کوڈ، ٹیبلز یا انٹرفیس کے حصوں پر مشتمل ہو تو لوگ PNG چنتے ہیں: بغیر نقصان کے پکسل باریک لائنوں اور چھوٹی تحریر کو دستاویزات، بگ رپورٹس اور ڈیزائن ریویوز میں صاف رکھتے ہیں جہاں JPG کے نقائص نظر آ جاتے ہیں۔

اسٹائل یا فونٹس کھوئے بغیر HTML کو PNG میں تبدیل کریں

سادہ .html فائل اکثر دوسری جگہ رکھی چیزوں پر انحصار کرتی ہے: css فولڈر میں اسٹائل شیٹ، اصل سرور پر تصاویر، فونٹ سروس کے فونٹس۔ یہ نہ ملیں تو صفحہ ڈیفالٹ فونٹ میں بغیر اسٹائل کے متن پر آ جاتا ہے۔ Chrome یا Edge میں صفحے کو Webpage, Single File کے طور پر محفوظ کرنے سے .mhtml فائل بنتی ہے جس میں اسٹائلز اور تصاویر ساتھ رہتی ہیں، اور اپ لوڈ کے لیے یہی سب سے قابل اعتماد ہے۔

ویب فونٹس پر بھی یہی اصول لاگو ہے۔ @font-face سے مقرر فونٹ تب ہی لوڈ ہوتا ہے جب اس کی فائل تک رسائی ہو؛ جو فونٹ صرف آپ کے کمپیوٹر پر ہو اس کی جگہ ملتا جلتا فونٹ آ جاتا ہے۔ اگر عین ٹائپوگرافی اہم ہے تو فونٹ ایمبیڈ کریں یا آگے بھیجنے سے پہلے نتیجہ دیکھ لیں۔

مقررہ چوڑائی کی وجہ سے کسی رپورٹ کے ہفتہ وار کیپچر ساتھ ساتھ موازنے کے قابل بھی رہتے ہیں۔ اگر نتیجے کا متن پرنٹنگ کے لیے منتخب ہونے کے قابل رہنا ضروری ہو تو اس کے بجائے HTML سے PDF فارمیٹ استعمال کریں۔

HTML سے PNG کے بارے میں سوالات

کیا HTML سے PNG بنانا اپنے براؤزر کے اسکرین شاٹ سے بہتر ہے؟

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

ایک ہی صفحے کی PNG فائل JPG سے کئی گنا بڑی کیوں ہوتی ہے؟

PNG ہر پکسل کو بغیر نقصان کے محفوظ کرتا ہے۔ متن اور سادہ رنگ اس طرح اچھی طرح کمپریس ہو جاتے ہیں، مگر تصاویر، گریڈیئنٹس اور ویڈیو پوسٹرز نہیں ہوتے، اس لیے تصاویر سے بھرا لینڈنگ پیج بڑا PNG بنا سکتا ہے۔ ایسے صفحات کے لیے HTML سے JPG ہلکا انتخاب ہے؛ کوڈ کے نمونوں، چارٹس اور یوزر انٹرفیس کے لیے دھندلاہٹ عموماً قابل قبول نہیں ہوتی۔

کیا PNG میں سفید کی بجائے شفاف بیک گراؤنڈ ہو سکتا ہے؟

جی ہاں۔ شفاف پس منظر آن کریں۔ یہ صرف وہیں نظر آتا ہے جہاں صفحہ خود کوئی پس منظر رنگ مقرر نہیں کرتا، اس لیے جس سائٹ کی باڈی کا رنگ سفید ہو وہ پھر بھی سفید آئے گی۔ یہ ایک الگ HTML فائل کے طور پر بنائے گئے کسی ایک کمپوننٹ یا بیج کے لیے سب سے بہتر ہے۔

کیا کنورٹر صفحے پر موجود JavaScript چلاتا ہے؟

جو مواد اسکرپٹ صفحہ کھلنے پر بناتی ہے وہ آ سکتا ہے، لیکن جو کلک، اسکرول یا لاگ اِن کا انتظار کرتا ہے وہ نہیں آئے گا۔ اگر کوئی چارٹ یا ٹیبل صرف کسی عمل کے بعد بنتا ہے تو صفحہ اپنے براؤزر میں کھولیں، اسے مکمل لوڈ ہونے دیں، اور اپ لوڈ کرنے سے پہلے اسے ایک واحد فائل کے طور پر محفوظ کریں۔

لمبے صفحے کے صرف اوپری حصے کی تصویر کیسے بنائیں؟

تصاویر کو فی صفحہ ایک تصویر پر کریں اور صفحات کو پہلا صفحہ پر رکھیں۔ آپ کو پوری لمبائی کے بجائے صفحے کے سائز کا پہلا حصہ ملے گا۔ بعد میں اسے عین فریم تک کاٹنے کے لیے تصویر کراپ کریں ٹول استعمال کریں۔