Suunnittelijat ja kehittäjät kohtaavat tänään suurimpia oireita, jotka toimivat reagoivan suunnittelun parissa. Vaikka tämä tyylisuunnittelu tarjoaa käyttäjille kaikkialla - varmistaen, että he näkevät sisällön näyttävän oikein kaikissa laitteissa - suunnittelussa voi olla vähän päänsärkyä.
Tämä pätee erityisesti silloin, kun otetaan huomioon, miten kuvat sopivat (tai eivät) reagoivaan malliin. Kuten suunnittelijat hyvin tietävät, yksi kahdesta asiasta tapahtuu yleensä, kun he työskentelevät kuvissa herkässä suunnittelussa. Joko kuvat päätyvät erittäin suuriksi ja niin hidas alueet alas, tai ne päätyvät monenlaisiin erilaisiin kuvakohtiin, jotta voidaan kokeilla eri näytöitä, mikä on puhdasta kaaosta. Joko todellisuus ei ole tarpeeksi hyvä suunnittelijoiden näkökulmasta.
Nyt on kuvapalveluyritys, joka näyttää kuulevan näiden suunnittelijoiden turhautumista.
Äskettäin on otettu käyttöön älykäs reagoivien kuvapisteiden ratkaisu, joka menee oikealle ongelmien ytimeen, kun suunnittelijat ovat kokeneet yrittäessään selvittää oikeat kuvamitat mittasuhteilleen.
Sen sijaan, että suunnittelijat, jotka edelleen suunnittelevat liian suuria tai liian suuria kuvia, voivat nyt luottaa teknologiaan, joka auttaa heitä automaattisesti löytämään optimaaliset kuvamitat, jotka tarvitaan parhaan katselukokemuksen saamiseksi sekä mobiili- että web-sovelluksissa. koko näytön koosta. Responsive Image Breakpoints Generator on avoimen lähdekoodin työkalu, jonka avulla suunnittelijat voivat interaktiivisesti tutkia kuviasi ja luoda reagoivia kuvapisteitä.
Näin se toimii: suunnittelijat voivat nopeasti ja yksinkertaisesti luoda parhaiten sopivat raja-arvot jokaiseen kuvaan, jonka he lataavat työkaluun niiden määrätyn kynnysarvon perusteella. Retina-näytön muokkaukset ja useiden kuvasuhteiden sopeuttaminen antavat suunnittelijoille lisää tilaa muokata kuvia.
Työkalu kannustaa suunnittelijoita määrittämään kuvan leveyden arvot, jotka vähentävät vakavasti tiedostojen kokoa, mikä on aina tervetullut varmistamaan, että sivustot eivät menetä nopeuttaan. Yrityksen algoritmit tulkitsevat kuvien löytämisen aina parhaisiin raja-arvoihin. Tämä antaa suunnittelijoille vapauden kehittää nykyistä kuvaa, samoin kuin img, HTML5-elementtejä laskettujen raja-arvojen perusteella.
Tämä vapaus merkitsee sitä, että suunnittelijoilla on reagoivien kuvapisteiden tuottavuus API: n kautta, minkä ansiosta he voivat helposti luoda raja-arvot jokaiselle suosituimmalle kuvamuodolle: JPG, GIF, WebP ja PNG. Ne voidaan luoda joko alkuperäisessä muodossaan tai uudessa kuvamuunnosasetuksissa määritellyssä muodossa.
Tämän työkalun ansiosta suunnittelijoilla on nyt ylellisyys, ettei heidän tarvitse luottaa parhaisiin arvauksiinsa, kun he saavat kuvakokoaan sopiviksi suunnitelluille sivustoilleen.