Designer, calcola i rapporti di aspetto perfetto con RatioBuddy

I progettisti conoscono il dolore di provare a abbinare le immagini ai rapporti. Succede tutto il tempo in cui crei un tema WordPress e cerchi di trovare le migliori dimensioni di immagine per le miniature.

Ma ci sono dozzine di compiti simili per capire il giusto rapporto di aspetto di un'immagine, video o elemento incorporato. Per fortuna, RatioBuddy può aiutare.

Questa piccola web app ti consente calcolare i rapporti di aspetto di qualsiasi cosa in modo dinamico dal tuo browser. Tutto ciò di cui hai bisogno è l'accesso a Internet e le dimensioni corrette che desideri (o le proporzioni richieste).

Per iniziare, tutto ciò che fai è inserisci l'aspetto dell'immagine corrente o la dimensione che stai pensando di usare. Facciamo un esempio per la creazione di un tema WordPress e la scelta di una dimensione dell'immagine in primo piano.

Supponiamo che tu desideri che l'immagine in primo piano sia larga 800 px per un'altezza di 500 px. Inseriscilo in RatioBuddy e otterrai proporzioni di 8: 5.

Quello che puoi fare ora è bloccare il rapporto facendo clic sul piccolo lucchetto a lato. Ciò significa che se modifichi i valori di larghezza o altezza, l'altro lo farà aggiornare di conseguenza.

Ora puoi iniziare trovare le dimensioni delle miniature per abbinare la tua immagine caratteristica principale.

Quindi, supponiamo di volere una miniatura di circa la metà di quella larghezza (400 px), quindi un'altra ancora più piccola a 300 px. Sai quanto desideri le immagini, ma quanto dovrebbero essere alti?

Con il lucchetto abilitato, tu semplicemente cambia il valore della larghezza e tu lo farai vedere immediatamente i risultati nella casella del valore di altezza.

I valori dei pixel si aggiornano immediatamente e sarai pari ottieni codice CSS personalizzato puoi copiare e incollare se vuoi creare un elemento con questo rapporto.

Puoi anche usare questa web app per calcola automaticamente le dimensioni degli incorporamenti di YouTube per mantenere i tuoi rapporti video anche. Oppure puoi usarlo per generare idee per le miniature delle gallerie di immagini.

In realtà, per qualsiasi cosa abbia a che fare con proporzioni, questo strumento è un vero toccasana. Pertanto, assicurati di aggiungerlo ai segnalibri se esegui un sacco di lavoro fotografico e ridimensionamento per il Web.