Cabine fotografiche digitali
Adattare o riempire: perché un volto viene tagliato nella striscia di foto
Un esempio svolto rende visibile la differenza di proporzioni.
La fotografia può essere affilata e perdere ancora la parte superiore di una testa quando collocato in una striscia. Il problema è spesso la differenza tra la forma dell'immagine sorgente e la finestra che è stato chiesto di riempire.
Due comportamenti utili
MDN distingue montare un'immagine all'interno di una scatola da coprire la scatola, che può ritagliare parti dell'immagine. Questi comportamenti sono un modo utile per comprendere le anteprime dei modelli, anche quando l'editor utilizza etichette diverse.
Prova: Documentazione tecnica
Calcola un esempio
Nel nostro esempio, un'immagine di 600 per 400 deve coprire un 300 per 300 quadrati. Scalare la sua altezza a 300 produce una larghezza di 450. Un raccolto quadrato incentrato rimuove 75 pixel da ogni lato di quell'immagine scalata. Fissare l'immagine completa invece lascia lo spazio sopra e sotto. Né il risultato è un fallimento; servono priorità diverse.
Scegli prima di comporre
Se un volto o un gesto si trova vicino a un bordo, ritaglia una copia deliberatamente prima di aggiungerla al layout, o scegli una finestra più vicina al rapporto aspetto originale. Controlla tutte le cornici nell'anteprima finita. Un confine che guarda proprio intorno alla prima foto può nascondere un dettaglio importante nel quarto.
Fonti e approfondimenti
Fonti per i fatti specifici e le descrizioni dei prodotti di cui sopra. I nostri esempi pratici, interpretazioni e suggerimenti pratici costituiscono una guida editoriale originale.
- MDN — object-fitDocumentazione tecnica