Kotisivu » Toolkit » Suunnittelijat, Laske täydelliset kuvasuhteet RatioBuddyn avulla

    Suunnittelijat, Laske täydelliset kuvasuhteet RatioBuddyn avulla

    Suunnittelijat tietävät tuskan yrittää vastaa kuvia suhteisiin. Tämä tapahtuu koko ajan, kun rakennat WordPress-teemaa ja yrität selvittää pienoiskuvien parhaat koot.

    Mutta on olemassa kymmeniä vastaavia tehtäviä selvittää oikea kuvasuhde kuva, video tai upotettu elementti. Onneksi, RatioBuddy voi auttaa.

    Tämä pieni web-sovellus antaa sinulle mahdollisuuden laskea kuvasuhteet dynaamisesti selaimestasi. Tarvitset vain Internet-yhteyden ja oikean koon (tai vaadittavan kuvasuhteen).

    Aluksi sinun tarvitsee vain tehdä kirjoita nykyinen kuva tai koko, jota aiot käyttää. Tehdään esimerkki WordPress-teeman rakentamisesta ja valitun kuvakoon valitsemisesta.

    Oletetaan, että haluamasi kuvasi mittaa 800px leveä 500 pikselin korkeudella. Syötä tämä RatioBuddy-muotoon ja saat kuvasuhteen 8: 5.

    Mitä voit tehdä nyt on lukitse suhde klikkaamalla pientä lukkoa sivulle. Tämä tarkoittaa, että jos vaihdat joko leveys- tai korkeusarvoja, niin toinen taho päivittää vastaavasti.

    Nyt voit aloittaa etsiä pikkukuvia vastaamaan ensisijaista ominaisuutta.

    Sanotaan siis, että haluat pienikokoisen kuvan, joka on noin puolet leveydestä (400px), sitten toinen vielä pienempi 300px: ssä. Tiedätkö kuinka leveä haluat kuvat, mutta kuinka pitkä heidän pitäisi olla?

    Kun lukko on käytössä, vain muuta leveysarvoa ja sinä heti nähdä tulokset korkeusarvo-ruutuun.

    Pikseliarvot päivittyvät välittömästi ja voit jopa saat mukautetun CSS-koodin voit kopioida ja liittää, jos haluat luoda elementin tässä suhteessa.

    Voit myös käyttää tätä web-sovellusta osoitteeseen laskea YouTube-upotusten koko automaattisesti säilyttää videon suhteet. Tai voit käyttää sitä luo ideoita kuvagallerian pikkukuville.

    Oikeastaan, mitä tahansa kuvasuhteiden kanssa, tämä työkalu on pelastaja. Varmista, että kirjanmerkki on merkitty kirjanmerkkeihin, jos teet paljon valokuvaa ja muutat Web-kokoa.