Responsive-sivustot ovat yrityksesi kannalta ratkaisevan tärkeitä. Vastaaminen tarjoaa helpon tavan säilyttää johdonmukaisuus brändillesi ja verkkosivuillesi kaikissa tärkeimmissä laitteissa. Ja sinun on varmistettava, että valitset bannereita herkästi toimiville verkkosivustoille. Oletko koskaan yrittänyt ladata verkkosivuston puhelimeesi vain löytääksesi sekaisin sotku näytöllä? Näin tapahtuu, jos sivusto ei ole herkkä tai mobiili ystävällinen.

Kuvat ovat reagoivien verkkosivustojen, erityisesti bannerin / täyslehden, haasteellisimpia piirteitä. Nämä ovat asioita, jotka todennäköisimmin rikkovat. Tai ei näy oikein ruudulla. Miksi tämä tapahtuu? Ymmärtääksemme, selitämme, mitä se tarkoittaa verkkosivustosi reagoimiseksi. (Katso lisää: Tämä on se, mikä on hieno neuvonantaja. )

Avain reaktioon

Vastaavat verkkosivustot kutistavat sivustosi ulottuvuuksia vaakasuunnassa. Tämä tarkoittaa, että kun verkkosivusto muuttuu vaakasuunnassa, kaikki sivustossasi on uudelleen sijoitettu. Tätä kutsutaan fluidisuunnitteluksi. Koska reagoivat verkkosivustot kokoavat ja muuttavat asetteluja laitteesta riippuen, voi olla vaikea nähdä verkkosivustokuvan kaikkia tietoja, jos sivu ei vastaa. Banderollit ovat erityisen kovaa, koska ne ovat hyvin suuria ja lähes aina täynnä yksityiskohtia.

Seuraavassa olen esittänyt sinulle parhaita käytäntöjä, kun valitset bannereita herkkien kuvien kanssa Advisor-sivustoilla.

Miten valita bannereita reagoiville verkkosivustoille

Varmista, että valokuvan koko ei ole liian pieni. Suosittelemme, että reagoivien verkkosivustojen bannerikuvat ovat vähintään 2000px 600px parhaan kuvan laadun vuoksi. Mitään pienempi kuin tämä koko (joko leveys tai korkeus) aiheuttaa epäselvä kuva. Mitä suurempi kuva on, sitä enemmän tilaa meidän on pelattava ja leikattava bannerisi oikea osa.

Yritä valita kuvia, joissa ei ole tarkennusta. Valitsemalla bannerikuvia, joilla ei ole pääkohtaa, kuten maisema, on yksi parhaista kuvista, joilla on verkkosivustosi banneri. Laitteesta riippumatta katsoja pystyy erottamaan kuvan yksityiskohdat. Koska ei ole tarkennusta, voimme sijoittaa kuvan huolestumatta siitä, miten verkkosivusto kootaan uudelleen laitteille. Seuraavassa on esimerkkejä:

Kuten näette, kuva kutistuu vaakasuoraan, mutta koska maisema on niin suuri, asiakkaat voivat silti nähdä, mitä tausta on.

Kuvan valitseminen tarkennuksella. Sanotaan, että haluat henkilön tai objektin valokuvan sivustossasi keskittyä. Kun valokuvissa käytetään tarkennusta, on tärkeää pitää pääpaino kuvan keskellä. Koska reagoivat bannerikuvat haluavat kutistua vaakatasossa, menetämme paljon sivuja (valkoista tilaa). (Lisätietoja lukemisesta on: Tämä yksi asia voi pilata neuvoa-antavan yrityksen verkkosivun. )

Esimerkkeinä näet, että kivi ja yksittäinen henkilö ovat kuvan keskellä. Tämä mahdollistaa puhtaan ja pienikokoisen kuvan.

Ennen kaikkea testaa kuvat. Paras tapa testata kuvasi on kokeilla niitä sivustossasi. Kuvien testaaminen auttaa sinua myös ymmärtämään minkälaisia ​​valokuvia tehdään ja eivät toimi. Voit kokeilla sitä itse tai työskennellä mahtavalla tukitiimillämme. -Tämä artikkeli on kirjoittanut Shaheen Mahani ja se ilmestyi ensimmäisen kerran Advisor-verkkosivuilla.