Μετατροπή HTML σε JPG
Ανεβάστε μια αποθηκευμένη ιστοσελίδα, ένα πρότυπο email ή μια αναφορά HTML και λάβετε ολόκληρη τη σελίδα, από πάνω έως κάτω, ως εικόνα JPG. Εσείς επιλέγετε το πλάτος του προγράμματος περιήγησης, ώστε το αποτέλεσμα να δείχνει τη διάταξη για υπολογιστή ή για κινητό.
Έγγραφο σε εικόνα
ή σύρετε Αρχεία 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 κάθε φορά. Για σελίδες με εικόνες και στυλ, αποθηκεύστε τις πρώτα από το πρόγραμμα περιήγησης ως ένα ενιαίο αρχείο (MHTML), ώστε να συνοδεύονται από όλα τα στοιχεία τους.
- 2
Επιλέξτε το πλάτος σελίδας
Το Πλάτος σελίδας HTML ξεκινά από 1280 px, ένα τυπικό laptop. Εισαγάγετε 390 px για τη διάταξη κινητού ή 600 px για πρότυπο email. Το Εικόνες είναι ορισμένο σε μία μεγάλη εικόνα.
- 3
Μετατροπή σε JPG
Πατήστε Μετατροπή σε JPG και κατεβάστε την εικόνα. Αλλάξτε το Εικόνες σε μία ανά σελίδα, αν προτιμάτε να χωριστεί η σελίδα σε κομμάτια μεγέθους εκτύπωσης.
Το HTML σε JPG είναι ένα στιγμιότυπο ολόκληρης της σελίδας από αρχείο: το πλάτος του προγράμματος περιήγησης που επιλέγετε καθορίζει τη διάταξη και το JPG αποτυπώνει κάθε pixel της.
Πώς ένα αρχείο HTML γίνεται εικόνα JPG
Ένα αρχείο HTML είναι οδηγίες, όχι εικόνα. Το πρόγραμμα περιήγησης διαβάζει τον κώδικα, εφαρμόζει τα stylesheets, φορτώνει τις εικόνες και τις γραμματοσειρές και στήνει τα πάντα για το πλάτος του παραθύρου. Αλλάξτε το πλάτος και μια ανταποκρινόμενη σελίδα αναδιατάσσεται: οι στήλες στοιβάζονται, τα μενού συμπτύσσονται, οι εικόνες μικραίνουν. Γι' αυτό ο μετατροπέας ζητά πρώτα το Πλάτος σελίδας HTML.
Μόλις ολοκληρωθεί η διάταξη, αποτυπώνεται ολόκληρη η σελίδα από πάνω ως κάτω, όχι μόνο το τμήμα που θα χωρούσε στην οθόνη. Με το Εικόνες σε μία μεγάλη εικόνα, παίρνετε ένα ψηλό JPG· αν το αλλάξετε σε μία ανά σελίδα, το ίδιο περιεχόμενο κόβεται σε εικόνες μεγέθους σελίδας.
Η ποιότητα ξεκινά από 85, που κρατά το κείμενο ευανάγνωστο και το αρχείο πολύ μικρότερο από ένα PNG της ίδιας σελίδας. Ανεβάστε την προς το 95 αν η σελίδα έχει μικρά γράμματα ή λεπτές γραμμές πινάκων που πρέπει να μείνουν καθαρές.
1280 pxπροεπιλεγμένο πλάτος προγράμματος περιήγησης για την απόδοση της σελίδας
Επιλέξτε πλάτος σελίδας: πλήρης σελίδα υπολογιστή ή προβολή κινητού
Η προεπιλογή. Οι περισσότεροι ιστότοποι εμφανίζουν σε αυτό το πλάτος την πλήρη διάταξη υπολογιστή, με γραμμές πλοήγησης και πλαϊνές στήλες.
- Αξιολογήσεις ιστοτόπων και εγκρίσεις πελατών
- Αρχειοθέτηση της εμφάνισης μιας σελίδας
- Παρουσιάσεις και αναφορές
Το πλάτος CSS πολλών πρόσφατων iPhone. Οι ανταποκρινόμενες σελίδες περνούν στη διάταξη κινητού, δίνοντας μια ψηλή, στενή εικόνα.
- Παρουσίαση του σχεδίου για κινητά
- Mockups για app store ή μέσα κοινωνικής δικτύωσης
Το πλάτος για το οποίο δημιουργούνται τα περισσότερα πρότυπα HTML email. Το πρότυπο αποδίδεται ακριβώς όπως θα το έδειχνε ένα πρόγραμμα email υπολογιστή.
- Προεπισκοπήσεις newsletter
- Κοινοποίηση δοκιμής καμπάνιας
Οθόνη full HD. Χρήσιμο για dashboards και σελίδες που προσθέτουν στήλες σε μεγάλες οθόνες.
- Dashboards αναλυτικών στοιχείων
- Πλατιοί πίνακες δεδομένων
Όταν το αποτέλεσμα HTML σε JPG δεν φαίνεται σωστό
Οι εικόνες λείπουν ή εμφανίζονται ως σπασμένα εικονίδια
Οι εικόνες ήταν αποθηκευμένες δίπλα στο HTML και όχι μέσα σε αυτό. Αποθηκεύστε τη σελίδα ως ενιαίο αρχείο MHTML ή χρησιμοποιήστε πλήρεις διευθύνσεις web για τις εικόνες.
Η σελίδα είναι κενή ή δείχνει μόνο ένδειξη φόρτωσης
Το περιεχόμενο δημιουργείται από scripts μετά τη φόρτωση ή βρίσκεται πίσω από σύνδεση. Ανοίξτε το στο πρόγραμμα περιήγησης, περιμένετε να φορτώσει πλήρως και αποθηκεύστε το ως ενιαίο αρχείο.
Το κείμενο κόβεται στη δεξιά άκρη
Η σελίδα έχει σταθερό πλάτος μεγαλύτερο από το παράθυρο. Αυξήστε το Πλάτος σελίδας HTML ώστε να ταιριάζει, για παράδειγμα 1440 px.
Το JPG είναι πολύ μεγάλο για φόρμα ανεβάσματος
Μειώστε την Ποιότητα γύρω στο 70, χρησιμοποιήστε στενότερο πλάτος ή μικρύνετε το αποτέλεσμα στη συνέχεια με τη Συμπίεση εικόνας.
HTML
HyperText Markup Language
Η HTML είναι η γλώσσα σήμανσης του web, που περιγράφηκε πρώτη φορά από τον Tim Berners-Lee στις αρχές της δεκαετίας του 1990 και σήμερα συντηρείται από το WHATWG ως ζωντανό πρότυπο. Ένα αρχείο HTML περιγράφει επικεφαλίδες, παραγράφους, συνδέσμους, πίνακες, εικόνες και φόρμες, ενώ η εμφάνιση συνήθως προέρχεται από CSS. Κάθε browser την αποδίδει και χρησιμοποιείται επίσης για πρότυπα email και αποθηκευμένες ιστοσελίδες. Ένα μεμονωμένο αρχείο HTML συχνά εξαρτάται από εξωτερικές εικόνες και φύλλα στυλ, οπότε μπορεί να φαίνεται χαλασμένο όταν μετακινηθεί μόνο του.
- Συμπίεση
- –
- Διαφάνεια
- –
- Κινούμενη εικόνα
- –
- Έτος εισαγωγής
- 1993 · Tim Berners-Lee; maintained by WHATWG
JPG
Εικόνα JPEG
Το JPEG (ή JPG) είναι η πιο ευρέως χρησιμοποιούμενη μορφή φωτογραφιών, που τυποποιήθηκε από την Joint Photographic Experts Group το 1992. Χρησιμοποιεί συμπίεση με απώλειες, που απορρίπτει λεπτομέρειες που το μάτι δύσκολα προσέχει, κρατώντας τις φωτογραφίες αρκετά μικρές για το web, το email και τον αποθηκευτικό χώρο του κινητού. Χειρίζεται καλά τις ομαλές διαβαθμίσεις και τις φυσικές σκηνές, αλλά το έντονο κείμενο, τα γραμμικά σχέδια και τα ενιαία χρώματα εμφανίζουν ορατά τετραγωνισμένα ή θολά ελαττώματα. Το JPEG δεν έχει διαφάνεια ούτε κίνηση, και κάθε νέα αποθήκευση χάνει λίγη ακόμη ποιότητα. Κάθε browser, κινητό, φωτογραφική μηχανή και πρόγραμμα επεξεργασίας εικόνων μπορεί να το ανοίξει.
- Συμπίεση
- Με απώλειες
- Διαφάνεια
- Όχι
- Κινούμενη εικόνα
- Όχι
- Έτος εισαγωγής
- 1992 · Joint Photographic Experts Group
Το HTML φαίνεται σωστά μόνο μέσα σε πρόγραμμα περιήγησης· η μετατροπή σε JPG παγώνει μία απόδοση σε εικόνα που μπορείτε να επισυνάψετε, να δημοσιεύσετε, να αρχειοθετήσετε ή να βάλετε σε διαφάνεια, εκεί όπου ο κώδικας θα ήταν άχρηστος.
Ερωτήσεις για τη μετατροπή HTML σε JPG
Μπορώ να επικολλήσω μια διεύθυνση ιστότοπου αντί να ανεβάσω αρχείο;
Όχι, ο μετατροπέας λειτουργεί με αρχεία HTML που ανεβάζετε. Ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης, επιλέξτε «Αποθήκευση σελίδας ως» και μετά Ιστοσελίδα, ένα αρχείο (MHTML σε Chrome και Edge) και ανεβάστε αυτό το αρχείο. Περιέχει μαζί το HTML, τα στυλ και τις εικόνες.
Γιατί το JPG δείχνει απλό κείμενο χωρίς μορφοποίηση;
Το HTML αποθηκεύτηκε χωρίς το stylesheet και τις εικόνες του, κάτι που συμβαίνει με την επιλογή «Ιστοσελίδα, μόνο HTML». Ο μετατροπέας βλέπει μόνο τον κώδικα. Αποθηκεύστε ξανά τη σελίδα ως ενιαίο αρχείο MHTML ή βάλτε το CSS μέσα στο HTML πριν από το ανέβασμα.
Πόσο μεγάλη σελίδα χωράει σε ένα JPG;
Η μορφή JPEG περιορίζει κάθε πλευρά στα 65.535 pixel, οπότε μια πολύ μεγάλη σε μήκος σελίδα με μεγάλο πλάτος μπορεί να φτάσει το όριο. Για μεγάλα άρθρα, αλλάξτε το Εικόνες σε μία ανά σελίδα ή μετατρέψτε σε HTML σε PDF, που δεν έχει τέτοιο όριο.
JPG ή PNG για στιγμιότυπο ιστοσελίδας;
Το JPG είναι μικρότερο και κατάλληλο για σελίδες με φωτογραφίες. Το PNG διατηρεί τα μικρά κείμενα και τις λεπτές γραμμές απόλυτα καθαρά και υποστηρίζει διαφανές φόντο, γι' αυτό ταιριάζει καλύτερα σε mockups διεπαφής και dashboards. Ο οδηγός μας JPG vs JPEG vs PNG εξηγεί τις διαφορές.
Γιατί οι γραμματοσειρές στην εικόνα διαφέρουν από αυτές του προγράμματος περιήγησής μου;
Οι γραμματοσειρές που υπάρχουν μόνο στον υπολογιστή σας δεν είναι διαθέσιμες εκεί όπου αποδίδεται η σελίδα, οπότε χρησιμοποιείται εναλλακτική γραμματοσειρά. Οι γραμματοσειρές web που είναι ενσωματωμένες στην αποθηκευμένη σελίδα ή φορτώνονται με τα στυλ της εμφανίζονται όπως έχουν σχεδιαστεί.
Μπορώ να μετατρέψω ένα πρότυπο email HTML σε εικόνα για προεπισκόπηση;
Ναι. Ορίστε το Πλάτος σελίδας HTML στα 600 px, το πλάτος για το οποίο σχεδιάζονται τα περισσότερα πρότυπα email, και κρατήστε μία μεγάλη εικόνα. Το αποτέλεσμα είναι μια γρήγορη οπτική απόδειξη που μπορείτε να στείλετε σε κάποιον που δεν πρέπει να λάβει το ίδιο το δοκιμαστικό email.