# 183: Καλλιτεχνικές εικόνες, Στοιχείο εικόνας και CDN εικόνας - CSS-Κόλπα

Anonim

Είναι ένα φαινομενικό φαινόμενο!

Μιλώ για την ιδέα των υπηρεσιών φιλοξενίας εικόνων που σας επιτρέπουν να χειριστείτε τη διεύθυνση URL της εικόνας για να τη μετατρέψετε . Με άλλα λόγια, εάν χρειάζεστε πολλαπλά αντίγραφα μιας εικόνας για να κάνετε τη δικαιοσύνη για τη σύνταξη αποκριτικών εικόνων, δεν χρειάζεται να φτιάξετε τις εικόνες μόνοι σας - προσαρμόζετε τη διεύθυνση URL έτσι ώστε να έχετε την τέλεια εικόνα για την εργασία.

Αυτή η ιδέα χειρισμού της διεύθυνσης URL έχει φτάσει σε τόνους υπηρεσιών φιλοξενίας εικόνων. Ας εκμεταλλευτούμε αυτό που έχουν να προσφέρουν αυτές οι υπηρεσίες και κάνουμε κάτι πάνω από πέρα ​​από τις τυπικές εικόνες που ανταποκρίνονται: ας τις κατευθύνουμε

Για να επισημάνουμε πόσο δημοφιλής είναι μια ιδέα, αυτή η προβολή εικόνων με βάση το χειρισμό διευθύνσεων URL είναι…

  • Το imgix το προσφέρει (Power Unsplash URLs)
  • Το Cloudinary το προσφέρει
  • Το Netlify το προσφέρει
  • Το Image Optim το προσφέρει
  • Το Filestack το προσφέρει
  • Το Cloudflare το προσφέρει
  • Είμαι βέβαιος ότι υπάρχουν τόνοι περισσότεροι…

Θα χρησιμοποιήσουμε το στοιχείο ως το κύριο άλογο εργασίας εδώ και το imgix API για όλες τις παραλλαγές της εικόνας. Εδώ καταλήξαμε στο βίντεο:

Ω, και εδώ είναι αυτό το περίεργο στοιχείο HTML που αγγίξαμε.