Als je een website hebt, wil je je logo daar waarschijnlijk ook op plaatsen. Dit gebeurt meestal in de 'header area' of in het Nederlands het 'website hoofd gebied'. Iedere website heeft codering ingebouwd die aangeeft waar dat website hoofd verschijnt en hoe groot het gebied van dat website hoofd is. Dit is dus niet voor iedere website hetzelfde, en daar zit hem nou net het probleem waar je tegenaan zou kunnen lopen met je website.
Eerst altijd proberen je logo afbeelding gewoon te uploaden
Mijn eerste advies is om gewoon te proberen je logo afbeelding, zoals je hem van mij hebt ontvangen, te uploaden naar je website hoofd gebied of header area. Het maakt in de meeste gevallen dan niet uit of je een .JPEG bestand gebruikt (het logo met een witte achtergrond) of een .PNG bestand (het logo met een transparante achtergrond.
Als je geluk hebt ziet je logo afbeelding er prima uit op de website en hoef je verder niets meer te doen. Maar heb je pech, dan zie je dat direct. Het kan dan zijn dat het logo wordt 'afgesneden' en er maar gedeeltelijk op staat, of het wordt 'uitgerekt' en ziet er raar uit of het ziet er op een of andere manier gewoon niet goed uit (te groot, te klein, te weinig ruimte om het logo etc.). In dat geval moet er wat aan gebeuren.
Wat moet je doen als je logo niet goed past op de website?
Wat je dan als eerste moet doen is erachter zien te komen hoe groot je website hoofd gebied nu eigenlijk is. Want pas als je de exacte maat daarvan weet kun je een logo banner op maat maken.
Soms weet je die maat al, dan heb je die van de ontwerper van je website te horen gekregen, of ben je ervan op de hoogte gesteld toen je de layout van je website uitkoos. Misschien kun je de informatie terugvinden in een handleiding, mocht je die bij je website layout hebben ontvangen
De maat wordt altijd aangegeven in pixels voor breedte en hoogte. Als voorbeeld neem ik even de Blogger thema's die ik in mijn Etsy webshop verkoop. Die hebben allemaal een website hoofd gebied van 1000 x 300 pixels. Een website hoofd ziet er qua afmeting dan zo uit:
De afbeelding met verfstrepen en tekst is hierbij op een achtergrond van 1000 x 300 pixels geplaatst om precies te passen op de website, zie hier: http://brookeharpertemplate.blogspot.com/
Hoe meet je de maat van het website hoofd gebied van je website?
Als de maat van het website hoofd gebied niet bekend is, zul je iets moeten doen om erachter te komen. Kun je de ontwerper van je layout makkelijk bereiken? Vraag hem of haar dan naar de maat.
Kun je niemand om de maat vragen dan zal ik je laten zien hoe je het zelf kunt meten:
• bezoek de link van je website (zodat je je website kunt zien zoals een internetbezoeker op je website terecht komt) - in mijn geval bezoek ik mijn Brooke Harper blog site: http://brookeharpertemplate.blogspot.com/
• als je nu met de rechter muisknop in het website hoofd gebied klikt opent er een pop-up scherm
• kies in dit scherm voor 'element inspecteren'
• er opent nu een zogenaamd 'onderwater scherm'
• aan de linkerkant van het onderwater scherm zie je codering staan, ga daar met je muis overheen
• je zult nu zien dat er in het bovenste scherm (waar je website wordt afgebeeld) streepjes en maten komen te staan
• soms moet je even een paar keer over de codering gaan met de muisknop voordat de informatie verschijnt in het bovenste scherm
• in het geval van mijn blog site zie je dat het bovenste scherm nu duidelijk het blok aangeeft dat het website hoofd gebied voorstelt en daar ook de maat van 1000 x 300 pixels vermeld
• kijk welke maat er in jouw scherm verschijnt, hiermee gaan we vervolgens aan de slag
Wanneer het niet lukt om zelf de maat te nemen
In een heel enkel geval gebeurt er helemaal niks wanneer je met je rechter muisknop op het website hoofd gebied klikt. In zo'n geval heeft de website ontwerper de codering geblokkeerd zodat anderen die niet zomaar kunnen kopiëren. Je hebt dan toch echt de ontwerper van de website nodig om je de maten te geven.
Mocht je wel het onderwater scherm tevoorschijn kunnen toveren, maar de maten verschijnen niet duidelijk in het bovenste scherm, dan kun je ook even contact met mij opnemen via Etsy. Ik kan dan kijken of het mij lukt om de maten te achterhalen.
Hoe maak je het logo nu passend voor de maat van het website hoofd gebied?
Nu je de maat hebt weten te achterhalen kun je je logo passend maken. Dat doe je op precies dezelfde manier als dat je een Facebook banner maakt. Volg dus de exacte instructies voor het maken van een Facebook banner: https://watjemoetwetenoverjelogo.blogspot.com/p/je-logo-op-social-media.html
Het enige verschil is dat je in plaats van de afmetingen voor de Facebook banner nu de afmetingen voor je website hoofd gebied gebruikt. De Facebook banner is 820 x 360 pixels, nu vul je daarvoor in de plaats dus de breedte en hoogte in die je gemeten hebt. Op die manier maak je een witte achtergrond op precies de maat van het website hoofd gebied en daar plaats je dan het logo op.
Nu je de maat hebt weten te achterhalen kun je je logo passend maken. Dat doe je op precies dezelfde manier als dat je een Facebook banner maakt. Volg dus de exacte instructies voor het maken van een Facebook banner: https://watjemoetwetenoverjelogo.blogspot.com/p/je-logo-op-social-media.html
Het enige verschil is dat je in plaats van de afmetingen voor de Facebook banner nu de afmetingen voor je website hoofd gebied gebruikt. De Facebook banner is 820 x 360 pixels, nu vul je daarvoor in de plaats dus de breedte en hoogte in die je gemeten hebt. Op die manier maak je een witte achtergrond op precies de maat van het website hoofd gebied en daar plaats je dan het logo op.