Μετατροπή HTML σε PNG
Μετατρέψτε μια αποθηκευμένη ιστοσελίδα, μια εξαγωγή dashboard ή ένα mockup στοιχείου σε PNG όπου κάθε γράμμα και κάθε λεπτή γραμμή μένουν ακριβώς όπως τα σχεδίασε το πρόγραμμα περιήγησης. Επιλέξτε το πλάτος παραθύρου και η διάταξη προσαρμόζεται ανάλογα.
Έγγραφο σε εικόνα
ή σύρετε Αρχεία DOC, DOCX, DOCM … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Μετατροπή κάθε σελίδας, μόνο της πρώτης (μικρογραφία ή εξώφυλλο) ή ενός εύρους.
Σελίδες ή διαφάνειες προς μετατροπή, π.χ. 1-3, 5, 8-10.
Μόνο για αρχεία HTML: το πλάτος του παραθύρου του προγράμματος περιήγησης που χρησιμοποιείται για την απόδοση της σελίδας. Τα 1280 px αντιστοιχούν σε τυπικό φορητό· τα 390 px δείχνουν τη διάταξη για κινητά.
Το 85 κρατά το κείμενο καθαρό με μέτριο μέγεθος. Οι χαμηλότερες τιμές δίνουν μικρότερα αρχεία αλλά θολώνουν τα μικρά γράμματα.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 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 είναι Σύσταση του W3C από το 1996 και χρησιμοποιεί συμπίεση χωρίς απώλειες, οπότε οι εξομαλυμένες άκρες κειμένου 14 px, τα περιγράμματα πίνακα του ενός pixel και ο χρωματισμένος κώδικας διατηρούνται αναλλοίωτα. Γι' αυτό οι προγραμματιστές επισυνάπτουν στιγμιότυπα PNG στις αναφορές σφαλμάτων και οι σχεδιαστές τα μοιράζονται στις αναθεωρήσεις: κανείς δεν χρειάζεται να αναρωτιέται αν μια θολή άκρη είναι πρόβλημα CSS ή ελάττωμα συμπίεσης.
Το αντίτιμο είναι το μέγεθος. Μια σελίδα με κείμενο και επίπεδα χρώματα συμπιέζεται καλά· μια σελίδα γεμάτη φωτογραφίες όχι. Αν η λήψη προορίζεται για συνομιλία ή email όπου το μέγεθος μετράει περισσότερο από τη λεπτομέρεια, το JPG δίνει μικρότερο αρχείο. Για τεκμηρίωση, σημειώσεις έκδοσης, ταμπλό και οδηγούς στυλ, το PNG είναι η ασφαλέστερη προεπιλογή.
Το πλάτος καθορίζει τη διάταξη. Η HTML δεν έχει σταθερή σελίδα: το ίδιο αρχείο δείχνει σχέδιο τριών στηλών σε 1280 px και μία στοιβαγμένη στήλη σε 390 px. Ο μετατροπέας διαμορφώνει τη σελίδα στο Πλάτος σελίδας HTML που εισάγετε, από 320 έως 3840 px, και την καταγράφει από την πρώτη γραμμή ώς το υποσέλιδο.
Πλάτη μετατροπής HTML σε PNG για συνηθισμένες οθόνες
390 × 844 px
Κινητό
Viewport CSS πολλών πρόσφατων iPhone· δείχνει τη διάταξη για κινητά
820 × 1180 px
Tablet
iPad Air σε κατακόρυφο προσανατολισμό· πολλοί ιστότοποι αλλάζουν breakpoints κοντά σε αυτό
1280 × 800 px
Laptop
Το προεπιλεγμένο πλάτος σε αυτόν τον μετατροπέα
1920 × 1080 px
Οθόνη Full HD
Πλατιά ταμπλό και πίνακες διαχείρισης
HTML
HyperText Markup Language
Η HTML είναι η γλώσσα σήμανσης του web, που περιγράφηκε πρώτη φορά από τον Tim Berners-Lee στις αρχές της δεκαετίας του 1990 και σήμερα συντηρείται από το WHATWG ως ζωντανό πρότυπο. Ένα αρχείο HTML περιγράφει επικεφαλίδες, παραγράφους, συνδέσμους, πίνακες, εικόνες και φόρμες, ενώ η εμφάνιση συνήθως προέρχεται από CSS. Κάθε browser την αποδίδει και χρησιμοποιείται επίσης για πρότυπα email και αποθηκευμένες ιστοσελίδες. Ένα μεμονωμένο αρχείο HTML συχνά εξαρτάται από εξωτερικές εικόνες και φύλλα στυλ, οπότε μπορεί να φαίνεται χαλασμένο όταν μετακινηθεί μόνο του.
- Συμπίεση
- –
- Διαφάνεια
- –
- Κινούμενη εικόνα
- –
- Έτος εισαγωγής
- 1993 · Tim Berners-Lee; maintained by WHATWG
PNG
Portable Network Graphics
Το PNG είναι μια μορφή ράστερ εικόνας χωρίς απώλειες, που δημοσιεύτηκε το 1996 από την PNG Development Group και αργότερα τυποποιήθηκε από το W3C και το ISO. Διατηρεί κάθε pixel ακριβώς, υποστηρίζει πλήρη διαφάνεια alpha και χειρίζεται κείμενο, αιχμηρές ακμές και επίπεδα χρώματα χωρίς artifacts. Αυτή η ακρίβεια το κάνει ιδανικό για στιγμιότυπα οθόνης, λογότυπα, εικονίδια και γραφικά διεπαφής. Το αντίτιμο είναι το μέγεθος: οι φωτογραφίες σε PNG είναι συχνά πολλαπλάσιες σε μέγεθος από την ίδια φωτογραφία σε JPEG ή WebP. Όλα τα προγράμματα περιήγησης, τα λειτουργικά συστήματα και οι επεξεργαστές ανοίγουν αρχεία PNG.
- Συμπίεση
- Χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Όχι
- Έτος εισαγωγής
- 1996 · PNG Development Group
Το PNG επιλέγεται όταν η σελίδα αποτελείται κυρίως από κείμενο, κώδικα, πίνακες ή στοιχεία διεπαφής: τα pixel χωρίς απώλειες κρατούν καθαρές τις λεπτές γραμμές και τα μικρά γράμματα σε τεκμηρίωση, αναφορές σφαλμάτων και αναθεωρήσεις σχεδίου, όπου θα φαίνονταν τα ελαττώματα του JPG.
Μετατροπή HTML σε PNG χωρίς απώλεια στυλ ή γραμματοσειρών
Ένα απλό αρχείο .html συχνά εξαρτάται από πράγματα που είναι αποθηκευμένα αλλού: ένα φύλλο στυλ σε φάκελο css, εικόνες στον αρχικό διακομιστή, γραμματοσειρές από υπηρεσία γραμματοσειρών. Όταν λείπουν, η σελίδα καταλήγει σε κείμενο χωρίς στυλ με προεπιλεγμένη γραμματοσειρά. Αν αποθηκεύσετε τη σελίδα στο Chrome ή το Edge ως Webpage, Single File, προκύπτει αρχείο .mhtml που κρατά μαζί τα στυλ και τις εικόνες, και είναι το πιο αξιόπιστο αρχείο για μεταφόρτωση.
Οι γραμματοσειρές web ακολουθούν τον ίδιο κανόνα. Μια γραμματοσειρά που δηλώνεται με @font-face φορτώνεται μόνο αν το αρχείο της είναι προσβάσιμο· μια γραμματοσειρά που υπάρχει μόνο στον δικό σας υπολογιστή αντικαθίσταται από παρόμοια. Αν η ακριβής τυπογραφία έχει σημασία, ενσωματώστε τη γραμματοσειρά ή ελέγξτε το αποτέλεσμα πριν το στείλετε.
Το σταθερό πλάτος κάνει επίσης τις εβδομαδιαίες λήψεις μιας αναφοράς συγκρίσιμες δίπλα-δίπλα. Όταν το αποτέλεσμα πρέπει να παραμείνει επιλέξιμο κείμενο για εκτύπωση, το HTML σε PDF είναι η μορφή που ταιριάζει.
Ερωτήσεις για τη μετατροπή HTML σε PNG
Είναι η μετατροπή HTML σε PNG καλύτερη από ένα στιγμιότυπο οθόνης από το δικό μου πρόγραμμα περιήγησης;
Ένα στιγμιότυπο του προγράμματος περιήγησης καταγράφει μόνο ό,τι χωράει στην οθόνη σας, εκτός αν χρησιμοποιήσετε εργαλείο λήψης ολόκληρης σελίδας, και το πλάτος του είναι όσο τυχαίνει να είναι το παράθυρό σας. Εδώ το πλάτος είναι ένας αριθμός που ορίζετε εσείς, οπότε δύο λήψεις που έγιναν με διαφορά εβδομάδων ταιριάζουν ακριβώς και περιλαμβάνεται ολόκληρη η σελίδα, από την πρώτη γραμμή ώς το υποσέλιδο.
Γιατί το PNG είναι αρκετές φορές μεγαλύτερο από την ίδια σελίδα σε JPG;
Το PNG αποθηκεύει κάθε pixel χωρίς απώλειες. Το κείμενο και τα επίπεδα χρώματα συμπιέζονται καλά, αλλά οι φωτογραφίες, οι διαβαθμίσεις και οι αφίσες βίντεο όχι, γι' αυτό μια σελίδα προορισμού με πολλές φωτογραφίες μπορεί να δώσει μεγάλο PNG. Για τέτοιες σελίδες το HTML σε JPG είναι η ελαφρύτερη επιλογή· για δείγματα κώδικα, γραφήματα και διεπαφές συνήθως δεν αξίζει η θολούρα.
Μπορεί το PNG να έχει διαφανές φόντο αντί για λευκό;
Ναι. Ενεργοποιήστε το Διαφανές φόντο. Φαίνεται μόνο όπου η ίδια η σελίδα δεν ορίζει χρώμα φόντου, οπότε ένας ιστότοπος με λευκό χρώμα στο body θα βγει πάλι λευκός. Λειτουργεί καλύτερα για ένα μεμονωμένο στοιχείο ή σήμα που έχει δημιουργηθεί ως δικό του αρχείο HTML.
Εκτελεί ο μετατροπέας τον κώδικα JavaScript της σελίδας;
Περιεχόμενο που δημιουργεί ένα script όταν ανοίγει η σελίδα μπορεί να εμφανιστεί, αλλά ό,τι περιμένει κλικ, κύλιση ή σύνδεση δεν θα εμφανιστεί. Αν ένα γράφημα ή πίνακας υπάρχει μόνο μετά από αλληλεπίδραση, ανοίξτε τη σελίδα στο πρόγραμμα περιήγησής σας, αφήστε την να ολοκληρωθεί και αποθηκεύστε την ως ένα αρχείο πριν την ανεβάσετε.
Πώς δημιουργώ εικόνα μόνο από το πάνω μέρος μιας μεγάλης σελίδας;
Ορίστε το Εικόνες σε μία ανά σελίδα και το Σελίδες σε Πρώτη σελίδα. Παίρνετε το πρώτο τμήμα στο μέγεθος μιας σελίδας αντί για ολόκληρο το μήκος. Για να το περιορίσετε αργότερα σε ακριβές πλαίσιο, χρησιμοποιήστε το εργαλείο περικοπής εικόνας.
- Μετατροπή HTML σε JPGΜετατρέψτε αρχείο HTML σε JPG: η σελίδα αποδίδεται σε παράθυρο με το πλάτος που επιλέγετε και αποθηκεύεται ως μία ολόκληρη εικόνα. Κινητό ή υπολογιστής.
- Μετατροπή HTML σε GIFΜετατρέψτε HTML ή MHTML σε GIF: μία ψηλή στατική εικόνα της σελίδας ή καρέ μεγέθους σελίδας στη σειρά. Τι κάνει η παλέτα 256 χρωμάτων στη σελίδα.
- HTML σε PDFΜετατροπή αρχείων .html και .htm σε PDF δωρεάν: τιμολόγια, πρότυπα email, αναφορές. Με το CSS εκτύπωσης, το μέγεθος σελίδας και τις αλλαγές σελίδας.
- Μετατροπή TXT σε JPGΜετατρέψτε .txt σε JPG: το κείμενο μπαίνει σε σελίδα με βασική γραμματοσειρά και περιθώρια, μία εικόνα ανά σελίδα. Σημειώσεις, logs, ποιήματα.
- Μετατροπή PNG σε JPGΜετατρέψτε PNG σε JPG για μικρότερο μέγεθος σε email, φόρμες και εκτυπώσεις. Η διαφάνεια γεμίζει με λευκό, μαύρο ή άλλο χρώμα. Έως 20 αρχεία.
- Μετατροπή DOCX σε PNGΜετατρέψτε σελίδες Word DOCX σε PNG στα 72, 150 ή 300 DPI. Μία εικόνα χωρίς απώλειες ανά σελίδα, επιλογή εύρους σελίδων, χωρίς εγκατάσταση Word.