Designers, Beräkna de perfekta bildförhållandena med RatioBuddy

Designers känner smärtan av att försöka matcha bilder till förhållanden. Detta händer hela tiden när du bygger ett WordPress-tema och försöker lista ut de bästa bildstorlekarna för miniatyrbilder.

Men det finns dussintals liknande uppgifter för räkna ut rätt bildförhållande av en bild, en video eller ett inbäddat element. Tack och lov, RatioBuddy kan hjälpa.

Den här lilla webbappen låter dig beräkna bildförhållandena för någonting dynamiskt från din webbläsare. Allt du behöver är tillgång till Internet och rätt storlek du vill ha (eller önskat bildförhållande).

För att börja är allt du gör skriv in den aktuella bildaspekten eller storleken du tänker använda. Låt oss göra ett exempel för att bygga ett WordPress-tema och välja en utvalt bildstorlek.

Låt oss säga att du vill att din utvalda bild ska mäta 800px bred vid 500px lång. Ange detta i RatioBuddy och du får ett bildförhållande på 8: 5.

Vad du kan göra nu är lås förhållandet genom att klicka på det lilla hänglåset till sidan. Detta betyder att om du ändrar antingen bredd eller höjdvärden kommer den andra att göra det uppdatera i enlighet med detta.

Nu kan du börja hitta miniatyrstorlekar för att matcha din primärfunktionsbild.

Så, låt oss säga att du vill ha en miniatyrstorlek på ungefär hälften av den bredden (400px), och en annan till och med mindre vid 300px. Du vet hur brett du vill ha bilderna, men hur lång ska de vara?

Med hänglåset aktiverat, du bara ändra breddvärdet och du ska omedelbart se resultaten i rutan för höjdvärde.

Pixelvärdena uppdateras omedelbart och du kommer till och med få anpassad CSS-kod Du kan kopiera och klistra in om du vill skapa ett element i detta förhållande.

Du kan också använda denna webbapp till auto-beräkna storleken på YouTube-tjänsten för att hålla din video förhållanden jämn. Eller kan du använda den till skapa idéer för miniatyrbilder i bildgalleriet.

Verkligen, för allt som helst med aspektförhållanden, är det här redskapet en livräddare. Så var noga med att göra bokmärke om du gör mycket fotoarbete och resizing på webben.