HTML నుండి PNG కన్వర్టర్

Q: నా బ్రౌజర్లో తీసే స్క్రీన్షాట్ కంటే HTML నుండి PNG మెరుగైనదా?

బ్రౌజర్ స్క్రీన్షాట్ మీ స్క్రీన్లో పట్టినంత భాగాన్నే తీస్తుంది (ఫుల్-పేజీ క్యాప్చర్ టూల్ వాడితే తప్ప), దాని వెడల్పు మీ విండో ఎంత ఉంటే అంతే. ఇక్కడ వెడల్పు మీరు ఇచ్చే సంఖ్య, కాబట్టి వారాల తేడాతో తీసిన రెండు క్యాప్చర్లు సరిగ్గా సరిపోలుతాయి, మొదటి లైన్ నుండి ఫుటర్ వరకు మొత్తం పేజీ ఉంటుంది.

Q: అదే పేజీ JPG కంటే PNG ఎందుకు చాలా రెట్లు పెద్దగా ఉంటుంది?

PNG ప్రతి పిక్సెల్ను నష్టం లేకుండా నిల్వ చేస్తుంది. టెక్స్ట్, ఒకే రంగు భాగాలు ఇలా బాగా కుదురుతాయి, కానీ ఫోటోలు, గ్రేడియంట్లు, వీడియో పోస్టర్లు కుదరవు; అందుకే ఫోటోలు ఎక్కువగా ఉన్న ల్యాండింగ్ పేజీ పెద్ద PNG అవుతుంది. అలాంటి పేజీలకు [HTML నుండి JPG](/html-to-jpg) తేలికైన ఎంపిక; కోడ్ నమూనాలు, చార్ట్లు, UI కోసం బ్లర్ వల్ల అది సాధారణంగా విలువైనది కాదు.

Q: PNGకి తెలుపు బదులు ట్రాన్స్పరెంట్ బ్యాక్గ్రౌండ్ ఉండవచ్చా?

అవును. **పారదర్శక బ్యాక్గ్రౌండ్** ఆన్ చేయండి. పేజీ స్వయంగా బ్యాక్గ్రౌండ్ రంగు ఇవ్వని చోట మాత్రమే ఇది పారదర్శకంగా కనిపిస్తుంది, కాబట్టి బాడీకి తెలుపు రంగు ఉన్న సైట్ తెలుపుగానే వస్తుంది. ప్రత్యేక HTML ఫైల్గా చేసిన ఒక కాంపోనెంట్ లేదా బ్యాడ్జ్కు ఇది బాగా పనిచేస్తుంది.

Q: పొడవైన పేజీలో పై భాగాన్ని మాత్రమే ఇమేజ్గా ఎలా చేయాలి?

**ఇమేజ్లు** ను పేజీకి ఒకటి గా మార్చి, **పేజీలు** ను మొదటి పేజీ గా సెట్ చేయండి. మొత్తం పొడవుకు బదులు మొదటి పేజీ పరిమాణం భాగం వస్తుంది. తర్వాత ఖచ్చితమైన ఫ్రేమ్కు కత్తిరించాలంటే [ఇమేజ్ క్రాప్](/crop-image) టూల్ వాడండి.

సేవ్ చేసిన వెబ్ పేజీ, డాష్‌బోర్డ్ ఎక్స్‌పోర్ట్ లేదా కాంపోనెంట్ మాకప్‌ను PNGగా మార్చండి. బ్రౌజర్ గీసినట్లే ప్రతి అక్షరం, ప్రతి సన్నని గీత యథాతథంగా ఉంటాయి. విండో వెడల్పు ఎంచుకోండి, లేఅవుట్ దానికి తగ్గట్టు మారుతుంది.

లేదా DOC, DOCX, DOCM … ఫైళ్లు ను ఇక్కడ వదలండి ·

ఒక్కో ఫైల్‌కు గరిష్ఠంగా 95 MB· గరిష్ఠంగా 20 ఫైళ్లు· 30 నిమిషాల తర్వాత తొలగించబడతాయి

అవుట్‌పుట్

దీనికి మార్చండి

రిజల్యూషన్

ఇమేజ్‌లు

ఫైళ్లు మా సర్వర్లలో ప్రాసెస్ చేయబడి 30 నిమిషాల తర్వాత తొలగించబడతాయి.

పేజీలు

ప్రతి పేజీని, మొదటి పేజీని మాత్రమే (థంబ్‌నెయిల్ లేదా కవర్), లేదా ఒక పరిధిని మార్చండి.

HTML పేజీ వెడల్పు

HTML ఫైళ్లకు మాత్రమే: పేజీని రెండర్ చేయడానికి ఉపయోగించే బ్రౌజర్ విండో వెడల్పు. 1280 px సాధారణ ల్యాప్‌టాప్; 390 px మొబైల్ లేఅవుట్‌ను చూపుతుంది.

నాణ్యత

పారదర్శక బ్యాక్‌గ్రౌండ్

పేజీ నేపథ్యాన్ని తెలుపుకు బదులుగా పారదర్శకంగా ఉంచండి. ఇతర ఆర్ట్‌వర్క్ మీద ఉంచే స్లైడ్‌లు మరియు HTMLకు ఉపయోగకరం.

డౌన్‌లోడ్

ఒకే ZIPగా డౌన్‌లోడ్ చేయండి

బహుళ పేజీల డాక్యుమెంట్లు ప్రతి పేజీకి ఒక చిత్రాన్ని ఇస్తాయి; వేర్వేరు డౌన్‌లోడ్‌లకు బదులుగా వాటిని ఒకే ZIPలో కట్టండి.

ఈ టూల్‌ను ఎలా ఉపయోగించాలి

1
HTML ఫైల్‌ను జోడించండి
ఒక్కో బ్యాచ్‌కు గరిష్ఠంగా 20 వరకు, ఒక్కొక్కటి 95 MB వరకు ఉన్న .html, .htm లేదా .mhtml ఫైళ్లను అప్‌లోడ్ చేయండి. ఒకే 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 అనేది వెబ్ యొక్క మార్కప్ భాష; దీన్ని 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 మెరుగైనదా?

బ్రౌజర్ స్క్రీన్‌షాట్ మీ స్క్రీన్‌లో పట్టినంత భాగాన్నే తీస్తుంది (ఫుల్-పేజీ క్యాప్చర్ టూల్ వాడితే తప్ప), దాని వెడల్పు మీ విండో ఎంత ఉంటే అంతే. ఇక్కడ వెడల్పు మీరు ఇచ్చే సంఖ్య, కాబట్టి వారాల తేడాతో తీసిన రెండు క్యాప్చర్‌లు సరిగ్గా సరిపోలుతాయి, మొదటి లైన్ నుండి ఫుటర్ వరకు మొత్తం పేజీ ఉంటుంది.

అదే పేజీ JPG కంటే PNG ఎందుకు చాలా రెట్లు పెద్దగా ఉంటుంది?

PNG ప్రతి పిక్సెల్‌ను నష్టం లేకుండా నిల్వ చేస్తుంది. టెక్స్ట్, ఒకే రంగు భాగాలు ఇలా బాగా కుదురుతాయి, కానీ ఫోటోలు, గ్రేడియంట్‌లు, వీడియో పోస్టర్‌లు కుదరవు; అందుకే ఫోటోలు ఎక్కువగా ఉన్న ల్యాండింగ్ పేజీ పెద్ద PNG అవుతుంది. అలాంటి పేజీలకు HTML నుండి JPG తేలికైన ఎంపిక; కోడ్ నమూనాలు, చార్ట్‌లు, UI కోసం బ్లర్ వల్ల అది సాధారణంగా విలువైనది కాదు.

PNGకి తెలుపు బదులు ట్రాన్స్‌పరెంట్ బ్యాక్‌గ్రౌండ్ ఉండవచ్చా?

అవును. పారదర్శక బ్యాక్‌గ్రౌండ్ ఆన్ చేయండి. పేజీ స్వయంగా బ్యాక్‌గ్రౌండ్ రంగు ఇవ్వని చోట మాత్రమే ఇది పారదర్శకంగా కనిపిస్తుంది, కాబట్టి బాడీకి తెలుపు రంగు ఉన్న సైట్ తెలుపుగానే వస్తుంది. ప్రత్యేక HTML ఫైల్‌గా చేసిన ఒక కాంపోనెంట్ లేదా బ్యాడ్జ్‌కు ఇది బాగా పనిచేస్తుంది.

కన్వర్టర్ పేజీలోని JavaScriptను రన్ చేస్తుందా?

పేజీ తెరిచినప్పుడు స్క్రిప్ట్ నిర్మించే కంటెంట్ కనిపించవచ్చు, కానీ క్లిక్, స్క్రోల్ లేదా లాగిన్ కోసం ఎదురుచూసేది కనిపించదు. చార్ట్ లేదా టేబుల్ ఇంటరాక్షన్ తర్వాతే వస్తే, పేజీని మీ బ్రౌజర్‌లో తెరిచి, పూర్తిగా లోడ్ అయ్యాక, ఒకే ఫైల్‌గా సేవ్ చేసి అప్‌లోడ్ చేయండి.

పొడవైన పేజీలో పై భాగాన్ని మాత్రమే ఇమేజ్‌గా ఎలా చేయాలి?

ఇమేజ్‌లు ను పేజీకి ఒకటి గా మార్చి, పేజీలు ను మొదటి పేజీ గా సెట్ చేయండి. మొత్తం పొడవుకు బదులు మొదటి పేజీ పరిమాణం భాగం వస్తుంది. తర్వాత ఖచ్చితమైన ఫ్రేమ్‌కు కత్తిరించాలంటే ఇమేజ్ క్రాప్ టూల్ వాడండి.