If you make changes to this website that involve adding new images or replacing existing ones, here are a couple of general recommendations:
Afbeeldingen¶
- We prefer SVG images, but if those do not exist we can use PNG images. Additionally, for cover images, we prefer that they are obtained from Unsplash and are in the WebP format.
Bedrijfslogo's hebben canvas grootte van:
- 128x128px
- 384x128px
Optimalisatie¶
PNG¶
Use the OptiPNG tool to optimize PNG images:
optipng -o7 file.png
SVG¶
Inkscape¶
Scour alle SVG-afbeeldingen.
In Inkscape:
- Bestand Opslaan Als..
- Type instellen op Geoptimaliseerde SVG (*.svg)
In het tabblad Opties:
- Aantal significante cijfers voor coördinaten > 5
- Zet aan Kleurwaarden inkorten
- Zet aan Zet CSS-attributen om in XML-attributen
- Zet aan Samengevoegde groepen
- Zet aan Maak groepen voor vergelijkbare kenmerken
- Schakel Bewaar bewerkingsgegevens uit
- Schakel uit zonder verwijzing gedefinieerde definities
- Zet Werk rond renderbugs aan
In het tabblad SVG-uitvoer onder Documentopties:
- Schakel Verwijder de XML declaratie uit
- Zet Metadata verwijderen aan
- Schakel Reacties verwijderen in
- Schakel ingevoegde rasterafbeeldingen in
- Zet 'viewboxen' aan
In de SVG Output onder Pretty-printing:
- Schakel Formatteer uitvoer uit met regeleinden en inspringen
- Inspringing tekens > Selecteer spatie
- Inspringing > 1
- Schakel Strip het kenmerk "xml:space" uit het hoofdSVG-element
In het IDs tabblad:
- Schakel in Ongebruikte ID's verwijderen
- Schakel Korte ID's uit
- Voorvoegsel verkorte IDs met >
leeg laten - Zet Handmatig aangemaakte IDs aan die niet eindigen met cijfers
- Behoud de volgende IDs >
laat leeg - Behoud ID's beginnend met >
laat leeg
CLI¶
Hetzelfde kan worden bereikt met het commando Scour:
scour --set-precision=5 \
--create-groups \
--renderer-workaround \
--remove-descriptive-elements \
--enable-comment-stripping \
--enable-viewboxing \
--indent=space \
--nindent=1 \
--no-line-breaks \
--enable-id-stripping \
--protect-ids-noninkscape \
input.svg output.svg
WebP¶
Use the cwebp command to convert PNG or JPEG image files to WebP format:
cwebp -q 70 -m 6 input_file -o output.webp