Hemsidormedmera_Logotyp_Mobil_2017

Tips för att komma igång med en ny hemsida; del 4

Som utlovat kommer detta inlägg att ge dig tips på hur du kan tänka och jobba med bilderna till hemsidan. Hur du rent praktiskt kan placera bilder på din hemsida på olika sätt och vad du bör tänka på.

Stor eller liten bild? Bilder bredvid varandra? Runda eller fyrkantiga? Behöver jag namnge alla bilder? Hur länkar jag bilderna? Måste jag ställa in varje bild varje gång? Hur kan jag skapa riktigt stora bilder till hemsidan? 

Det krävs mer än en kamera och en bra fotograf när du ska placera bilder på företagets hemsida. Här får du några tips på hur du kan jobba med bilder, när du skapar din hemsida med Hemsida24 som webbhotell!
Det krävs mer än en kamera och en bra fotograf när du ska placera bilder på företagets hemsida. Här får du några tips på hur du kan jobba med bilder, när du skapar din hemsida med Hemsida24 som webbhotell!

Frågorna brukar vara många när jag jobbar fram en ny hemsida i samarbete med en kund. Nu ska jag försöka ge dig några svar på de vanligaste funktionerna!

1. Att fylla hela sidan med en bild - genom att infoga en bild via "sektioner"
Till höger på sidan hittar du "Sektion". Här kan du välja en bakgrund som du endast använder för en del av sidan. Det kan vara en bild, en färg eller ett mönster.

Till höger hittar du "Sektion", där du klickar för att ändra sidans bakgrund. Det är här du kan lägga in en bild som bakgrund, välja färg eller ett möster.
Till höger hittar du "Sektion", där du klickar för att ändra sidans bakgrund. Det är här du kan lägga in en bild som bakgrund, välja färg eller ett möster.

För att anpassa storlek på bilden, dvs. hur stort utrymme den ska ta på sidan, kan du fylla ut bilden genom att lägga in "Tomt utrymme" (klicka på plus-tecknet "Skapa innehåll", så finns det under "Vanliga"). Du kan göra bilden något "genomskinlig" och använda olika effekter med hjälp av färger. På en stor bild går det även att lägga in text (en textruta), som placeras till vänster, höger eller i mitten.

Tips! 
Jag föredrar att arbeta med ett utseende som återkommer på varje sida, så att besökaren känner igen sig. Om jag börjar med en bild som fyller ut hela sidan på startsidan, har jag samma layout på övriga sidor - som på bilden ovan, en helbild överst, direkt efter det s.k. sidhuvudet.

Tänk på att - som vanligt - jobba mellan både skrivbords- och mobilversion, så att du kontrollerar hur bilden ser ut i de olika lägena. Det kan vara stor skillnad på placering!


Alla olika funktioner för inställningar av bilder hittar du hos Hemsida24 och du kan även få tydlig info om hur du jobbar med just sektioner.

Klicka på "Läs hela inlägget" för att få alla tipsen!

2. Placering av "normalstora" bilder
För att placera en bild på hemsidan, utan att fylla hela sidytan, använder du dig av funktionerna längst till vänster (se bild nedan). Dra in en bildfunktion och släpp den vid önskad plats.

Till vänster hittar du de vanligaste redigeringsverktygen, som bl.a. "Bild". Du drar helt enkelt bildfunktionen till den plats du önskar på hemsidan. När du är nöjd med din första bilds inställningar, kan du duplicera, kopiera eller flytta den - ett sätt som underlättar ditt arbete med hemsidan!
Till vänster hittar du de vanligaste redigeringsverktygen, som bl.a. "Bild". Du drar helt enkelt bildfunktionen till den plats du önskar på hemsidan. När du är nöjd med din första bilds inställningar, kan du duplicera, kopiera eller flytta den - ett sätt som underlättar ditt arbete med hemsidan!

Klicka på "Inställningar" vid bildens högra hörn och börja med att välja form (kant) på bilden - se till höger! Den kan ha mjuka hörn och exempelvis en ram i valfri färg.

När du klickat på "Inställningar" kan du bl.a. ändra Bildstil; så att du exempelvis kan presentera din bild i runt format och med en kantlinje i önskade form
När du klickat på "Inställningar" kan du bl.a. ändra Bildstil; så att du exempelvis kan presentera din bild i runt format och med en kantlinje i önskade form
Så här kan hemsidan se ut med runda bilder, tre i rad. Detta exempel kommer från form&flora Trädgårdsdesign

För att se över fler alternativ, klickar du på pilen vid "Fler alternativ", där du kan ändra storlek och placering.

Tips!
Jag väljer oftast en bildplacering "centrerad", vilket ser bäst ut även i mobilversionen.


Om du vill lägga till fler bilder med samma storlek och inställningar, kan du "duplicera" den första bilden och sedan placerar den duplicerade där du önskar på sidan. Kom bara ihåg att ändra namn och eventuella länkar, eftersom inställningar från den bild som du duplicerar automatiskt blir detsamma!

Skriv alltid in en bildtext - oavsett om du väljer att visa den under bilden eller ej. På så vis blir den mer sökbar!
Skriv alltid in en bildtext - oavsett om du väljer att visa den under bilden eller ej. På så vis blir den mer sökbar!

3. Mer kring bildernas form
Jag brukar anpassa bilderna efter innehållet, främst utifrån texten och syftet med bilden. Om du vill att bilden ska vara en "teaser" med kortfattad information, följt av en "call-to-action"-knapp, kan bilden vara relativt liten och placeras som i exempelbilderna under punkt 4 nedan - dvs. tre på rad. 

För att "mjuka upp" känslan något, kan det vara snyggt med runda former. Hur du väljer form, storlek, kanter och eventuell kantfärg beskrev jag under punkt 2 ovan. 

Tips!
Precis som med övriga bilder och innehåll på sidan, brukar jag låta flera bilder ha samma inställning - för att besökaren skall känna igen sig och för att jag helt enkelt tycker att det ser bäst ut!

4. Att placera flera bilder bredvid varandra
Du väljer inställning på sidan via funktionen "Sektion" till höger. Här kan du se olika "fält" som indikerar hur du kan placera information bredvid varandra (bilder, text, dokument etc.)

När du klickar på pilen "Sektion", kan du välja utseende för din hemsida. För att sedan fylla den med bilder (eller text, dokument, rubriker etc.
När du klickar på pilen "Sektion", kan du välja utseende för din hemsida. För att sedan fylla den med bilder (eller text, dokument, rubriker etc.

I exemplet ovan har jag valt ett utseende med tre i rad, på bredden.

Tips!
När du placerar bilder bredvid varandra i skrivbordsversionen, ser det annorlunda ut i mobilversionen. Där hamnar de på rad under varandra!

5. Bildernas inställning och egenskaper
Skriv alltid in en "Bildtext" (även om du väljer att dölja den) - på så vis hittar man lättare till dina bilder. 

Om du vill att bilden ska leda till en annan sida på din hemsida, till en extern hemsida med information eller kanske som direktlänk för att skicka e-post, använder du dig av "Länka bilden"-knappen.

Här kan du länka din bild
Här kan du länka din bild

Kom ihåg att avsluta alla dina inställningar/ändringar med att klicka på knappen "Klar", så att det sparas!

Mer information kring bilder hittar du hos Hemsida24.


Här slutar jag för den här gången, för det blev ett väldigt långt inlägg kring bilder.

Hur du väljer de olika bilderna till hemsidan och hur jag brukar tänka för att få bilden att passa så bra med budskapet som möjligt - det presenterar jag en annan gång! 

Har du funderingar? Behöver du hjälp med bilderna till ditt företags hemsida?
Välkommen att kontakta mig!

hälsar Ulrika


 

Kommentera gärna: