Responsiva webbplatser är avgörande för ditt företag. Att vara lyhörd erbjuder ett enkelt sätt att hålla konsistens med ditt varumärke och webbplats på alla större enheter. Och du måste se till att välja banners för mottagliga webbplatser korrekt. Har du någonsin försökt ladda en webbplats med din telefon bara för att hitta en jumbled röra på skärmen? Det är vad som händer om en webbplats inte är mottaglig eller mobilvänlig.

Bilder är en av de mest frustrerande aspekterna av lyhörda webbplatser, speciellt banner / fullbredd bilder. Det här är de saker som är mest troliga att bryta. Eller visas inte korrekt på skärmen. Varför händer det här? För att förstå detta kommer vi att förklara vad det innebär för din webbplats att vara responsiv. (För mer, se: Detta är vad en bra rådgivningswebbplats ser ut. )

Nyckeln till att vara responsiv

Responsiva webbplatser krymper dimensionerna på din webbplats horisontellt. Det betyder att när webbplatsen ändras horisontellt, placeras allt på din webbplats. Det här kallas en vätskelayout. Eftersom mottagliga webbplatser omformar och ändrar layouter beroende på din enhet kan det vara svårt att se alla detaljer på en webbplatsbild om sidan inte är mottaglig. Banderoller är särskilt svåra, eftersom de är mycket stora och nästan alltid fulla av detaljer.

Nedan har jag lagt fram några bra metoder för dig när du väljer banners för lyhörda bilder med Advisor Websites.

Så här väljer du banners för Responsive Websites

Se till att bildens storlek inte är för liten. Vi rekommenderar bannerbilder för lyhörda webbplatser att vara minst 2000px med 600px för bästa bild. Något mindre än den här storleken (för bredd eller höjd) kommer att resultera i en suddig bild. Ju större bild, desto mer utrymme måste vi leka och skörda rätt del av bannern.

Försök att välja bilder utan fokus. Välja bannerbilder som inte har något huvudfokus, till exempel ett landskap, är en av de bästa bilderna på din webbsidor. Oavsett vilken enhet som helst, kommer tittaren att kunna skilja bildens detaljer. Eftersom det inte finns något fokus kan vi placera bilden utan att oroa oss för hur webbplatsen ska omformas på enheter. Här är några exempel:

Som du kan se, krymper bilden horisontellt, men eftersom landskapet är så stort kan kunderna fortfarande se vad bakgrunden är.

Välja en bild med fokus. Låt oss säga att du vill ha ett foto av en person eller ett objekt på din webbplats som ett fokus. När du använder foton med fokus är det mycket viktigt att hålla huvudfokuset i mitten av bilden. Eftersom responsiva bannerbilder liknar att krympa horisontellt, förlorar vi en hel del sidor (vitt utrymme) av bilderna. (För relaterad läsning, se: Denna enda sak kan förstöra din rådgivande företags hemsida. )

I exemplen kan du se berget och individen ligger i mitten av bilden. Detta möjliggör en ren bild med storleksförändring.

Testa framför allt dina bilder. Det bästa sättet att testa dina bilder är att prova dem på din webbplats. Att testa bilder hjälper dig också att förstå vilken typ av bilder som fungerar och inte fungerar. Du kan prova själv, eller arbeta med vårt fantastiska supportteam. (För relaterad läsning, se: Hur ditt innehåll på webbplatsen kan locka till kunder. )

-Denna artikel skrevs av Shaheen Mahani och visas först på Advisor Websites.