et pikselfjell

2. september 2026 meta designdevlogpixelart

å tegne fjellet

Da fargene og typografien var på plass ville jeg ha noe i headeren, en slags merke i stedet for bare ren tekst. Lovundfjellet føltes opplagt. Det er fjellet rett på øya, det som er med på nesten hvert eneste bilde jeg har hjemmefra.

Så jeg åpnet Aseprite og prøvde å tegne det som pixel art.

første forsøk var feil

Første versjon hadde denne ene skarpe toppen, én bratt tann som stakk rett opp. Så ganske dramatisk ut, ærlig talt, som en logo for et skisenter. Problemet er at det ikke er sånn fjellet faktisk ser ut. Lovundfjellet er rundere enn det, mer som en kuppel med litt helling, ikke en spiss.

Jeg la først merke til hvor feil det var etter å ha funnet frem et ekte bilde jeg tok fra fergen i fjor og lagt det ved siden av pikselversjonen min. Ikke i nærheten. Tegnet om hele silhuetten fra det bildet, flatet ut toppen, gjorde basen bredere, og plutselig leste den som det faktiske fjellet i stedet for en generisk trekant.

Liten ting, men den betydde noe for meg. Hvis jeg skal ha hjemøyas fjell på min egen side vil jeg at det faktisk skal ligne.

BMK-merket

Mens jeg holdt på laget jeg en liten logo også, BMK med en miniversjon av samme fjellform pakket inn i den. Bruker den i hjørnet av headeren nå i stedet for bare initialene mine alene.

Pikselheaderens horisont: Lovundfjellets ekte topunkts-profil

BMK-merket i sidefeltet, med samme fjellform pakket inn

favicon, dagens egentlige smerte

Skulle vært den enkle delen. Eksporterte fjellet som en liten favicon, la den inn, og nettleseren min bare nektet å oppdatere den. Fanen viste fortsatt det gamle standardikonet uansett hva jeg gjorde. Hard refresh, tømte cache for siden, lukket fanen helt, ingenting fungerte i Firefox på en god stund.

Endte opp med å gi filen nytt navn og øke et cache-busting query-parameter på link-taggen før den endelig ga seg:

<!-- before: browser just kept serving the old icon from cache -->
<link rel="icon" href="/favicon.png" />

<!-- after: new filename plus a version query, and it finally refetched -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2" />

Jeg forstår ikke helt hvorfor den var så sta om ett eneste 32x32 png-bilde, men sånn er det.

Lite fjell i hjørnet nå. Føles riktig.

0 kommentarer

Logg inn for å kommentere.

Logg inn

Ingen konto?