Γεννήτρια υπογραφής email

Q: Γιατί βλέπω σπασμένη εικόνα ή συνημμένο στα email που στέλνω;

Πιθανότατα η εικόνα είναι ενσωματωμένη ως data URI, κάτι που πολλά προγράμματα email αποκλείουν. Χρησιμοποιήστε URL εικόνας σε διακομιστή: είναι ο πιο αξιόπιστος τρόπος για να εμφανίζεται λογότυπο ή φωτογραφία.

Q: Γιατί η στρογγυλή φωτογραφία φαίνεται τετράγωνη στο Outlook;

Το Outlook για Windows αγνοεί το στυλ border radius . Αν το σχήμα έχει σημασία, περικόψτε τη φωτογραφία σας σε κύκλο και αποθηκεύστε την ως PNG με διαφανές φόντο πριν τη χρησιμοποιήσετε.

Q: Μπορώ να επεξεργαστώ μόνος μου το HTML;

Ναι. Χρησιμοποιήστε το Αντιγραφή πηγαίου HTML ή το Λήψη και επεξεργαστείτε τον κώδικα σε οποιονδήποτε επεξεργαστή κειμένου. Κρατήστε τους πίνακες και τα ενσωματωμένα στυλ: τα περισσότερα προγράμματα email αγνοούν τα φύλλα στυλ και τις κλάσεις.

Q: Γιατί τα κοινωνικά δίκτυα εμφανίζονται ως κείμενο και όχι ως εικονίδια;

Τα εικονίδια θα ήταν εικόνες, και οι εικόνες είναι το τμήμα της υπογραφής που αποκλείεται συχνότερα. Οι σύνδεσμοι κειμένου εμφανίζονται πάντα, παραμένουν ευανάγνωστοι στη σκοτεινή λειτουργία και δεν βαραίνουν την υπογραφή.

Q: Αποθηκεύονται ή αποστέλλονται οι πληροφορίες μου κάπου;

Όχι. Η υπογραφή δημιουργείται στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται και η σελίδα δεν κρατά τίποτα όταν την κλείσετε.

Φτιάξτε επαγγελματική HTML υπογραφή email με φωτογραφία ή λογότυπο, στοιχεία επικοινωνίας και κοινωνικά δίκτυα και αντιγράψτε την σε Gmail ή Outlook.

Τα στοιχεία σας Ονοματεπώνυμο Ιδιότητα Εταιρεία Email Τηλέφωνο Κινητό Ιστότοπος Διεύθυνση

Προφίλ κοινωνικών δικτύων

Επικολλήστε ολόκληρη τη διεύθυνση του προφίλ, π.χ. https://www.linkedin.com/in/your-name.

LinkedIn X Instagram Facebook YouTube GitHub

Λογότυπο ή φωτογραφία URL εικόνας σε διακομιστή (συνιστάται) Η διεύθυνση https:// μιας εικόνας που βρίσκεται ήδη στον ιστότοπό σας. Είναι ο πιο αξιόπιστος τρόπος για να εμφανίζεται μια εικόνα σε κάθε εφαρμογή email. Ή επιλέξτε τοπική εικόνα (PNG, JPEG, GIF, WebP) ή σύρετέ την εδώ Τα αρχεία σας μένουν στη συσκευή σας: δεν μεταφορτώνονται ποτέ.

Η τοπική εικόνα ενσωματώνεται στην υπογραφή ως data URI (με αλλαγή μεγέθους στα 240 px). Πολλά προγράμματα email, μεταξύ αυτών το Gmail και το Outlook, αποκλείουν ή αφαιρούν τις ενσωματωμένες εικόνες: μια εικόνα με URL σε διακομιστή λειτουργεί καλύτερα.

Πλάτος εικόνας Στρογγυλή εικόνα

Σχεδίαση Πρότυπο Χρώμα έμφασης Γραμματοσειρά

Προεπισκόπηση

Οι εικόνες από URL ίσως δεν εμφανίζονται σε αυτή την προεπισκόπηση (η σελίδα αποκλείει εξωτερικές εικόνες), θα εμφανίζονται όμως στα email σας.

Πηγαίο HTML

Έλεγχοι

Πώς δημιουργείτε την υπογραφή email σας

Συμπληρώστε τα Τα στοιχεία σας: ονοματεπώνυμο, ιδιότητα, εταιρεία, email, τηλέφωνο, κινητό, ιστότοπο και διεύθυνση. Αφήστε ένα πεδίο κενό για να κρυφτεί η αντίστοιχη γραμμή.
Επικολλήστε τις πλήρεις διευθύνσεις των Προφίλ κοινωνικών δικτύων σας (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Εμφανίζονται ως σύνδεσμοι κειμένου στο χρώμα έμφασής σας.
Προσθέστε Λογότυπο ή φωτογραφία. Η καλύτερη επιλογή είναι το URL εικόνας σε διακομιστή (συνιστάται): η διεύθυνση https:// μιας εικόνας που βρίσκεται ήδη στον ιστότοπό σας. Μπορείτε επίσης να επιλέξετε τοπικό αρχείο, που ενσωματώνεται στην υπογραφή (δείτε τους περιορισμούς παρακάτω).
Διαλέξτε ένα Πρότυπο (Κλασικό (εικόνα στο πλάι), Στοιβαγμένο ή Συμπαγές), ένα Χρώμα έμφασης, μια Γραμματοσειρά και το Πλάτος εικόνας. Επιλέξτε Στρογγυλή εικόνα για κυκλική φωτογραφία.
Ελέγξτε την Προεπισκόπηση, πατήστε Αντιγραφή υπογραφής και επικολλήστε την στην εφαρμογή email σας. Τα Αντιγραφή πηγαίου HTML και Λήψη δίνουν τον κώδικα για εφαρμογές που δέχονται HTML.

Το Φόρτωση παραδείγματος γεμίζει τη φόρμα με δείγμα στοιχείων ώστε να δοκιμάσετε τα πρότυπα. Όλα γίνονται στο πρόγραμμα περιήγησής σας: τίποτα από όσα πληκτρολογείτε ή μεταφορτώνετε δεν στέλνεται πουθενά.

Γιατί η υπογραφή χτίζεται με πίνακες και ενσωματωμένα στυλ

Οι εφαρμογές email δεν είναι προγράμματα περιήγησης. Το Outlook για Windows αποδίδει τα μηνύματα με τη μηχανή του Word, το Gmail αφαιρεί τα μπλοκ <style> από τις υπογραφές και πολλές εφαρμογές αγνοούν το σύγχρονο CSS, όπως το flexbox ή το grid. Γι’ αυτό το εργαλείο παράγει το είδος HTML που επιβιώνει παντού: πίνακα διάταξης με role="presentation", ενσωματωμένα χαρακτηριστικά style σε κάθε στοιχείο, ασφαλείς για το διαδίκτυο γραμματοσειρές (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) και απλούς συνδέσμους κειμένου αντί για εικονίδια. Κάθε τιμή που πληκτρολογείτε περνά escaping, επομένως ένα αδέσποτο < ή & στην ιδιότητά σας δεν μπορεί να χαλάσει τον κώδικα.

Οι αριθμοί τηλεφώνου γίνονται σύνδεσμοι tel: (ώστε να πατιούνται στο κινητό), η διεύθυνση email γίνεται σύνδεσμος mailto: και οι διευθύνσεις ιστού χωρίς https:// συμπληρώνονται αυτόματα. Οι σύνδεσμοι που δεν είναι διευθύνσεις ιστού παραλείπονται και εμφανίζονται στους Έλεγχοι.

Εικόνες: URL σε διακομιστή ή ενσωματωμένο αρχείο;

Μια τοπική εικόνα μετατρέπεται σε data URI, δηλαδή η ίδια η εικόνα γράφεται μέσα στο HTML. Το εργαλείο αλλάζει το μέγεθός της στα 240 pixel για να μείνει μικρή, όμως πολλά προγράμματα εξακολουθούν να αποκλείουν ή να αφαιρούν τα data URI: το Gmail τα απορρίπτει στις υπογραφές, το Outlook συχνά δείχνει κενό πλαίσιο και οι παραλήπτες μπορεί να δουν συνημμένο. Μια εικόνα σε διακομιστή (π.χ. https://www.example.com/logo.png) είναι πιο ελαφριά και εμφανίζεται σε πολύ περισσότερες εφαρμογές. Ανεβάστε το λογότυπό σας στον ιστότοπό σας και επικολλήστε το URL του. Σημειώστε ότι οι εικόνες από URL ίσως δεν εμφανίζονται στην προεπισκόπηση αυτής της σελίδας, επειδή η σελίδα αποκλείει τις εξωτερικές εικόνες για λόγους απορρήτου, εμφανίζονται όμως στα email σας.

Πώς προσθέτετε την υπογραφή στην εφαρμογή email σας

Gmail: ανοίξτε τις Ρυθμίσεις (εικονίδιο γραναζιού) → Εμφάνιση όλων των ρυθμίσεων → Γενικά → Υπογραφή → Δημιουργία νέας. Επικολλήστε με Ctrl+V (Cmd+V) και πατήστε Αποθήκευση αλλαγών στο κάτω μέρος της σελίδας. Το Gmail περιορίζει τις υπογραφές σε 10.000 χαρακτήρες.
Outlook (νέο Outlook και Outlook στον ιστό): Ρυθμίσεις → Λογαριασμός → Υπογραφές, δημιουργήστε μια υπογραφή, επικολλήστε την και αποθηκεύστε. Στο κλασικό Outlook για Windows: Αρχείο → Επιλογές → Αλληλογραφία → Υπογραφές.
Apple Mail: Mail → Ρυθμίσεις → Υπογραφές, επιλέξτε τον λογαριασμό σας, πατήστε +, επικολλήστε και καταργήστε την επιλογή Πάντα ίδια γραμματοσειρά με το προεπιλεγμένο μήνυμα, ώστε να διατηρηθούν οι γραμματοσειρές και τα χρώματα.

Τα ονόματα των μενού διαφέρουν ανάλογα με την έκδοση και τη γλώσσα της εφαρμογής.

Συχνές ερωτήσεις

Γιατί βλέπω σπασμένη εικόνα ή συνημμένο στα email που στέλνω;

Πιθανότατα η εικόνα είναι ενσωματωμένη ως data URI, κάτι που πολλά προγράμματα email αποκλείουν. Χρησιμοποιήστε URL εικόνας σε διακομιστή: είναι ο πιο αξιόπιστος τρόπος για να εμφανίζεται λογότυπο ή φωτογραφία.

Γιατί η στρογγυλή φωτογραφία φαίνεται τετράγωνη στο Outlook;

Το Outlook για Windows αγνοεί το στυλ border-radius. Αν το σχήμα έχει σημασία, περικόψτε τη φωτογραφία σας σε κύκλο και αποθηκεύστε την ως PNG με διαφανές φόντο πριν τη χρησιμοποιήσετε.

Μπορώ να επεξεργαστώ μόνος μου το HTML;

Ναι. Χρησιμοποιήστε το Αντιγραφή πηγαίου HTML ή το Λήψη και επεξεργαστείτε τον κώδικα σε οποιονδήποτε επεξεργαστή κειμένου. Κρατήστε τους πίνακες και τα ενσωματωμένα στυλ: τα περισσότερα προγράμματα email αγνοούν τα φύλλα στυλ και τις κλάσεις.

Γιατί τα κοινωνικά δίκτυα εμφανίζονται ως κείμενο και όχι ως εικονίδια;