privacyguides / privacyguides.org

Protect your data against global mass surveillance programs.
https://www.privacyguides.org
Creative Commons Attribution Share Alike 4.0 International
2.54k stars 198 forks source link

feat: Create separate page for Pastebins #2598

Open redoomed1 opened 4 weeks ago

redoomed1 commented 4 weeks ago

Changes proposed in this PR:

This is my first PR that involves an image upload, so I welcome any feedback in this department! I went over https://www.privacyguides.org/en/meta/uploading-images, but there isn't any guidance on WebP images, which is the preferred format for cover images.

- [x] I agree to the terms listed below:
Contribution terms (click to expand)

1) I am the sole author of this work. 2) I agree to grant Privacy Guides a perpetual, worldwide, non-exclusive, transferable, royalty-free, irrevocable license with the right to sublicense such rights through multiple tiers of sublicensees, to reproduce, modify, display, perform, relicense, and distribute my contribution as part of this project. 3) I have disclosed any relevant conflicts of interest in my post. 4) I agree to the Community Code of Conduct.

github-actions[bot] commented 4 weeks ago

Your preview is ready!

Name Link
Latest commit 00846a4bf77ef8ce50aa69920cd79a9a84998ed0
Preview https://2598--glowing-salamander-8d7127.netlify.app/
redoomed1 commented 3 weeks ago

How I went about optimizing the Unsplash image linked in my initial post:

  1. Download it as a .jpg file
  2. Use cwebp to convert it to a WebP file by running cwebp -size 300000 [image-name].jpg -o pastebins.webp

-size specifies target size in bytes. I set it to 300,000 bytes (300 KB) because, of all the cover images on the site, the one for the Desktop Browsers page is the largest at 305 KB.

jonaharagon commented 3 weeks ago

Good note, we should probably document WebP optimization. IIRC all the existing images were a pre-set quality level but I don't remember what that setting was. I'll do that later.