Προβολέας SVG

Q: "Το SVG μου μεταφορτώνεται κάπου;"

"Όχι. Το SVG που επικολλάτε και τα αρχεία που φορτώνετε παραμένουν στον browser σας και δεν αποστέλλονται σε διακομιστή."

Q: "Τι συμβαίνει σε SVG που περιέχουν script ή foreignObject;"

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

Q: "Τα SVG με εξωτερικές εικόνες ή γραμματοσειρές θα αποδοθούν ακριβώς το ίδιο;"

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

Q: "Γιατί δεν αποδίδεται το SVG μου;"

"Συνήθεις αιτίες είναι άκυρο XML, λανθασμένες τιμές attributes ή root στοιχείο που δεν είναι `svg`. Ελέγξτε το μήνυμα σφάλματος που εμφανίζει το εργαλείο."

Q: "Γιατί να αλλάξω φόντο;"

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

Επικολλήστε raw SVG markup και δείτε αμέσως προεπισκόπηση του αποδιδόμενου αποτελέσματος.

Η προεπισκόπηση απενεργοποιεί scripts και εξωτερικές αναφορές, ενώ σας επιτρέπει να ελέγχετε το viewBox και τις λεπτομέρειες μεγέθους.

Προεπισκόπηση SVG: επικολλήστε raw κώδικα και ελέγξτε αμέσως το αποτέλεσμα

Έλεγχοι viewBox και μεγέθους: επιθεώρηση διαφάνειας και πιθανώς μη ασφαλούς περιεχομένου

Το SVG σας δεν αποστέλλεται ποτέ σε διακομιστή. Η επεξεργασία παραμένει εξ ολοκλήρου στον browser.

Τα επικίνδυνα στοιχεία και οι αναφορές σε εξωτερικά URL απενεργοποιούνται στην προεπισκόπηση.

Πώς χρησιμοποιείται

Επικολλήστε κώδικα SVG ή φορτώστε αρχείο `.svg`.
Αλλάξτε φόντο και επίπεδο ζουμ για να ελέγξετε την απόδοση.
Ελέγξτε viewBox, λεπτομέρειες μεγέθους και προειδοποιήσεις και έπειτα αποθηκεύστε το SVG αν χρειάζεται.

Δείγμα

Απλό εικονίδιο SVG

Είσοδος

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

Έξοδος

Αποδίδεται ένα μπλε κυκλικό εικονίδιο και στον πίνακα πληροφοριών εμφανίζεται το viewBox ως `0 0 120 120`.

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

Το SVG μου μεταφορτώνεται κάπου;

Όχι. Το SVG που επικολλάτε και τα αρχεία που φορτώνετε παραμένουν στον browser σας και δεν αποστέλλονται σε διακομιστή.

Τι συμβαίνει σε SVG που περιέχουν script ή foreignObject;

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

Τα SVG με εξωτερικές εικόνες ή γραμματοσειρές θα αποδοθούν ακριβώς το ίδιο;

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

Γιατί δεν αποδίδεται το SVG μου;

Συνήθεις αιτίες είναι άκυρο XML, λανθασμένες τιμές attributes ή root στοιχείο που δεν είναι `svg`. Ελέγξτε το μήνυμα σφάλματος που εμφανίζει το εργαλείο.

Γιατί να αλλάξω φόντο;

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

Σημειώσεις

Για λόγους ασφάλειας, οι αναφορές σε εξωτερικά URL και τα επικίνδυνα στοιχεία απενεργοποιούνται πριν από την απόδοση.
SVG που βασίζονται σε εξωτερικές γραμματοσειρές ή εικόνες μπορεί να μην φαίνονται όπως στο αρχικό περιβάλλον.
Πολύ μεγάλα αρχεία SVG βγαίνουν αυτόματα από τη λειτουργία live preview και ζητούν χειροκίνητη απόδοση.

Προβολέας SVG

Πώς χρησιμοποιείται

Δείγμα

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

Σημειώσεις