From 84d33ed9440ef36417fc6d7b4c38046cb9ec4cff Mon Sep 17 00:00:00 2001 From: Redoomed <161974310+redoomed1@users.noreply.github.com> Date: Thu, 25 Jul 2024 07:06:40 +0000 Subject: [PATCH] docs: Add recommendation for WebP optimization (#2666) Signed-off-by: Jonah Aragon Signed-off-by: Daniel Gray Signed-off-by: kimg45 <138676274+kimg45@users.noreply.github.com> --- docs/meta/uploading-images.md | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/docs/meta/uploading-images.md b/docs/meta/uploading-images.md index 44c5833d..fdd3c568 100644 --- 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 +```