Uno dei maggiori difetti che designer e sviluppatori si trovano ad affrontare oggi è il lavoro con il responsive design. Mentre questo stile di design è un vantaggio per gli utenti di tutto il mondo, assicurando che vedano il contenuto visualizzato correttamente su tutti i dispositivi, la progettazione può essere un po 'un problema.
Questo è particolarmente vero quando si considera come le immagini si adattano (o meno) al modello di progettazione responsive. Come ben sanno i designer, una delle due cose di solito accade quando lavorano con le immagini nel design responsive. O le immagini finiscono per essere super-grandi e quindi rallentano i siti, oppure finiscono con una moltitudine di dimensioni dell'immagine diverse per provare a ospitare schermi diversi, che è puro caos. O la realtà non è abbastanza buona dal punto di vista dei designer.
Ora, c'è un'azienda di servizi di immagini che sembra ascoltare le frustrazioni di questi designer.
Recentemente è stata introdotta una soluzione intelligente per la soluzione di breakpoint dell'immagine, che va dritta al cuore dei problemi che i progettisti hanno avuto quando tentavano di individuare le dimensioni corrette dell'immagine per i progetti del sito reattivo.
Invece dei progettisti che continuano a progettare immagini troppo grandi o troppe, ora potranno fare affidamento sulla tecnologia che li assiste nell'individuare automaticamente le dimensioni ottimali dell'immagine necessarie per la migliore esperienza visiva su entrambe le app mobili e web in un gamma di dimensioni dello schermo. Generatore di punti di interruzione dell'immagine reattivo è uno strumento open-source che consente ai designer di studiare in modo interattivo le loro immagini e creare reattivi punti di interruzione delle immagini.
Ecco come funziona: i progettisti possono generare rapidamente e semplicemente i punti di interruzione più adatti per ogni immagine caricata sullo strumento, in base alle soglie specificate. Le personalizzazioni del display Retina e gli adattamenti di proporzioni multiple offrono ai progettisti spazio aggiuntivo per personalizzare le loro immagini.
Lo strumento incoraggia i progettisti a determinare i valori di larghezza dell'immagine che riducono seriamente le dimensioni dei file, il che è sempre il benvenuto per garantire che i siti non perdano la loro velocità. Gli algoritmi dell'azienda interpretano le immagini per individuare sempre i migliori punti di interruzione. Ciò offre ai progettisti la libertà di elaborare un'immagine contemporanea , nonché img, elementi HTML5 basati sui punti di rottura calcolati.
Questa libertà significa che i progettisti hanno le abilità di generazione di breakpoint di immagini reattive attraverso un'API, che rende facile per loro creare istantaneamente punti di interruzione per ogni formato di immagine popolare: JPG, GIF, WebP e PNG. Questi possono essere creati nel loro formato originale o in un nuovo formato determinato nelle impostazioni di trasformazione dell'immagine.
Grazie a questo strumento, i designer hanno il lusso di non dover fare affidamento sulle loro migliori ipotesi quando si tratta di ottenere le dimensioni delle immagini giuste per i loro siti di progettazione reattiva.