docs: Add recommendation for WebP optimization (#2666)

Signed-off-by: Jonah Aragon <[email protected]> Signed-off-by: Daniel Gray <[email protected]> Signed-off-by: kimg45 <[email protected]>
privacyguides · Jul 25, 2024 · 84d33ed · 84d33ed
1 parent 87377a4
commit 84d33ed
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/docs/meta/uploading-images.md b/docs/meta/uploading-images.md
@@ -2,11 +2,11 @@
 title: Uploading Images
 ---
 
-Here are a couple of general rules for contributing to Privacy Guides:
+If you make changes to this website that involve adding new images or replacing existing ones, here are a couple of general recommendations:
 
 ## Images
 
-- We **prefer** SVG images, but if those do not exist we can use PNG images
+- 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](https://unsplash.com) and are in the WebP format.
 
 Company logos have canvas size of:
 
@@ -17,7 +17,7 @@ Company logos have canvas size of:
 
 ### PNG
 
-Use the [OptiPNG](https://sourceforge.net/projects/optipng) to optimize the PNG image:
+Use the [OptiPNG](https://sourceforge.net/projects/optipng) tool to optimize PNG images:
 
 ```bash
 optipng -o7 file.png
@@ -87,3 +87,11 @@ scour --set-precision=5 \
       --protect-ids-noninkscape \
       input.svg output.svg
 ```
+
+### WebP
+
+Use the [cwebp](https://developers.google.com/speed/webp/docs/using) command to convert PNG or JPEG image files to WebP format:
+
+```bash
+cwebp -q 70 -m 6 input_file -o output.webp
+```