PHP: adattare le immagini alla risoluzione dello schermo

Tags: , ,

Uno dei crucci di chi sviluppa per il web è quello di rendere la propria applicazione fruibile per la maggior parte dei dispositivi.
Questo significa o creare più versioni di una stessa applicazione o creare un unico layout che sia fluido e adattabile alle varie situazioni.
Ma le immagini?

Una tecnica per adattare le immagini alla risoluzione dello schermo è quella del sistema chiamato Adaptive Images che sfrutta Javascript e le librerie grafiche di PHP.
Il metodo è semplice

  • il javascript rileva la dimensione dello schermo e crea un cookie che ne immagazzina il valore
  • il file .htaccess intercetta ogni richiesta per file grafico .jpg, .gif o .png
  • questa richiesta viene inviata al file PHP che controlla se esiste una versione già “cachizzata” del file nella dimensione adatta
  • se non esiste nella cache, il file viene generato e inviato in output

Il sistema Adaptive Images richiede

  • Apache 2
  • PHP 5.x
  • GD lib

Link: Adaptive Images

Sergio Gandrus

Da marzo 2018 lavoro come Technical Manager presso PayClick
Programmo in ambiente LAMP e Angular 6.
Realizzo app mobile con Ionic Framework.
Sono papà e marito. Nel (poco) tempo libero mi piace leggere, il buon vino e viaggiare.

Ah, questo blog ha cambiato uso