Μετατροπέας CSS Data URI
Επικολλήστε ένα φύλλο στυλ, επιλέξτε αρχείο ή εισαγάγετε το URL ενός απομακρυσμένου αρχείου CSS. Ο μετατροπέας βρίσκει κάθε αναφορά url(...), κατεβάζει τους πόρους που είναι μικρότεροι από το όριο μεγέθους σας και τους αντικαθιστά με data URI Base64.
| Πόρος | Μέγεθος | Αποτέλεσμα |
|---|
Πότε βοηθά η ενσωμάτωση εικόνων CSS
Κάθε εξωτερική εικόνα κοστίζει ένα αίτημα. Για μικρά εικονίδια, η ενσωμάτωσή τους ως data URI Base64 αφαιρεί αυτό το αίτημα και αποφεύγει το τρεμόπαιγμα. Πάνω από λίγα kilobyte, το επιπλέον μέγεθος 33% και η χαμένη προσωρινή αποθήκευση υπερτερούν του οφέλους — γι' αυτό ο μετατροπέας έχει όριο μεγέθους. Σερβίρετε το αποτέλεσμα με gzip ή Brotli για να ανακτήσετε το μεγαλύτερο μέρος του επιπλέον κόστους Base64.
Συχνές ερωτήσεις
Πρέπει να ενσωματώνω κάθε εικόνα CSS;
Όχι. Ενσωματώστε μόνο μικρά εικονίδια και φόντα. Οι μεγάλες εικόνες φουσκώνουν το CSS, μπλοκάρουν την απόδοση και δεν μπορούν να αποθηκευτούν προσωρινά ξεχωριστά.
Σχόλια (0)
Ερωτήσεις, ιδέες ή σφάλμα στο «Μετατροπέας CSS Data URI»; Αφήστε ένα σχόλιο, βαθμολογήστε το εργαλείο ή απαντήστε σε άλλους.
Δεν υπάρχουν ακόμα σχόλια. Γίνετε ο πρώτος που θα μοιραστεί τα σχόλιά του!