Skip to content

Commit

Permalink
refactor(blog): Convert images to WebP (#2871)
Browse files Browse the repository at this point in the history
  • Loading branch information
SamsungGalaxyPlayer authored and jonaharagon committed Jan 30, 2025
1 parent 9335fd2 commit 36db737
Show file tree
Hide file tree
Showing 110 changed files with 47 additions and 45 deletions.
Binary file not shown.
Binary file not shown.
Binary file removed blog/assets/images/delisting-startpage/cover.png
Binary file not shown.
Binary file added blog/assets/images/delisting-startpage/cover.webp
Binary file not shown.
Binary file added blog/assets/images/delisting-wire/cover.avif
Binary file not shown.
Binary file removed blog/assets/images/delisting-wire/cover.png
Binary file not shown.
Binary file removed blog/assets/images/firefox-privacy/cover.png
Binary file not shown.
Binary file added blog/assets/images/firefox-privacy/cover.webp
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed blog/assets/images/metadata-removal/preview-ios.png
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Binary file removed blog/assets/images/proton-wallet-review/1.png
Diff not rendered.
Binary file added blog/assets/images/proton-wallet-review/1.webp
Binary file not shown.
Binary file removed blog/assets/images/proton-wallet-review/2.png
Diff not rendered.
Binary file added blog/assets/images/proton-wallet-review/2.webp
Binary file not shown.
Binary file removed blog/assets/images/proton-wallet-review/3.png
Diff not rendered.
Binary file added blog/assets/images/proton-wallet-review/3.webp
Binary file not shown.
Binary file removed blog/assets/images/proton-wallet-review/4.png
Diff not rendered.
Binary file added blog/assets/images/proton-wallet-review/4.webp
Binary file not shown.
Binary file removed blog/assets/images/pwa-vs-iwa/iwa-diagram.png
Diff not rendered.
Binary file added blog/assets/images/pwa-vs-iwa/iwa-diagram.webp
Binary file not shown.
Binary file removed blog/assets/images/relisting-startpage/cover.png
Diff not rendered.
Binary file added blog/assets/images/relisting-startpage/cover.webp
Binary file not shown.
Binary file removed blog/assets/images/restrict-act/cover.png
Diff not rendered.
Binary file added blog/assets/images/restrict-act/cover.webp
Binary file not shown.
Diff not rendered.
Binary file not shown.
Diff not rendered.
Binary file not shown.
Binary file removed blog/assets/images/threads-launch-twitter/cover.jpg
Diff not rendered.
Binary file not shown.
Binary file removed blog/assets/images/twitter-elon-takeover/cover.png
Diff not rendered.
Binary file not shown.
2 changes: 1 addition & 1 deletion blog/posts/choosing-the-right-messenger.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ schema_type: AnalysisNewsArticle
---
# Choosing the Right Messenger

!["Choosing The Right Messenger" cover image](../assets/images/choosing-the-right-messenger/cover.png)
!["Choosing The Right Messenger" cover image](../assets/images/choosing-the-right-messenger/cover.webp)

<small aria-hidden="true">Illustration: Jonah Aragon / Privacy Guides | Photo: Unsplash</small>

Expand Down
2 changes: 1 addition & 1 deletion blog/posts/delisting-startpage.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ schema_type: NewsArticle
---
# Delisting Startpage From Privacy Guides

!["Delisting Startpage" cover image](../assets/images/delisting-startpage/cover.png)
!["Delisting Startpage" cover image](../assets/images/delisting-startpage/cover.webp)

<small aria-hidden="true">Illustration: Privacy Guides | Photo: Unsplash</small>

Expand Down
2 changes: 1 addition & 1 deletion blog/posts/delisting-wire.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ schema_type: NewsArticle
---
# Delisting Wire From Privacy Guides

!["Delisting Wire" cover image](../assets/images/delisting-wire/cover.png)
!["Delisting Wire" cover image](../assets/images/delisting-wire/cover.avif)

<small aria-hidden="true">Illustration: Jonah Aragon / Privacy Guides | Photo: Unsplash</small>

Expand Down
2 changes: 1 addition & 1 deletion blog/posts/firefox-privacy-2021-update.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ schema_type: AnalysisNewsArticle
---
# Firefox Privacy: 2021 Update

![Firefox Privacy cover](../assets/images/firefox-privacy/cover.png)
![Firefox Privacy cover](../assets/images/firefox-privacy/cover.webp)

<small aria-hidden="true">Illustration: Jonah Aragon / Privacy Guides | Photo: Unsplash</small>

Expand Down
2 changes: 1 addition & 1 deletion blog/posts/firefox-privacy.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ schema_type: AnalysisNewsArticle
---
# Firefox Privacy: Tips and Tricks for Better Browsing

!["Firefox Privacy" cover image](../assets/images/firefox-privacy/cover.png)
!["Firefox Privacy" cover image](../assets/images/firefox-privacy/cover.webp)

<small aria-hidden="true">Illustration: Jonah Aragon / Privacy Guides | Photo: Unsplash</small>

Expand Down
40 changes: 20 additions & 20 deletions blog/posts/installing-and-using-tails.md
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ If you encounter any issues during the installation or running processes, you ca

Visit this website and select your installation computer's operating system: [https://tails.net/install/](https://tails.net/install/)

![Screenshot of a browser window showing Tails' installation page.](../assets/images/installing-and-using-tails/tails-installation-mac-1.png)
![Screenshot of a browser window showing Tails' installation page.](../assets/images/installing-and-using-tails/tails-installation-mac-1.webp)

Scroll down to the "**Download Tails**" section and click on the green download button. Make sure to save the installation file in a folder where you can find it back easily and not forget to **delete it afterwards**.

Expand All @@ -182,7 +182,7 @@ The download link is not shared directly here because you should always make sur

</div>

![Screenshot of a browser window showing Tails' download step.](../assets/images/installing-and-using-tails/tails-installation-mac-2.png)
![Screenshot of a browser window showing Tails' download step.](../assets/images/installing-and-using-tails/tails-installation-mac-2.webp)

### Step 2: Verify the file you just downloaded

Expand All @@ -195,11 +195,11 @@ This step is important to ensure the file you just downloaded has not been tampe

</div>

![Screenshot of a browser window showing Tails' verification step.](../assets/images/installing-and-using-tails/tails-installation-mac-3.png)
![Screenshot of a browser window showing Tails' verification step.](../assets/images/installing-and-using-tails/tails-installation-mac-3.webp)

Once the verification is completed (this might take a few minutes), you should see a green checkmark with "**Verification successful!**" followed by the file name. If you do not see this, delete the file and repeat [Step 1](#step-1-download-tails) and [Step 2](#step-2-verify-the-file-you-just-downloaded).

![Screenshot of a browser window showing Tails' successful verification with file name.](../assets/images/installing-and-using-tails/tails-installation-mac-4.png)
![Screenshot of a browser window showing Tails' successful verification with file name.](../assets/images/installing-and-using-tails/tails-installation-mac-4.webp)

### Step 3: Download and install balenaEtcher

Expand All @@ -216,35 +216,35 @@ You can download *balenaEtcher* from this link: [https://tails.net/etcher/balena

Open the folder where you downloaded the *balenaEtcher* installation file (keep it open to delete this file after the installation is completed), and double-click on the "**balenaEtcher.dmg**" file. Drag the "**balenaEtcher.app**" icon over the "**Applications**" folder icon when prompted from the window below:

![Screenshot of a macOS application installation window for balenaEtcher.](../assets/images/installing-and-using-tails/tails-installation-mac-5.png)
![Screenshot of a macOS application installation window for balenaEtcher.](../assets/images/installing-and-using-tails/tails-installation-mac-5.webp)

Once the file is copied to you "**Applications**" folder, go on your computer's desktop and right-click on the "**balenaEtcher**" icon. Select '**Eject "balenaEtcher"**'

![Screenshot of a desktop showing the balenaEtcher installation icon and a macOS menu with the option to Eject balenaEtcher.](../assets/images/installing-and-using-tails/tails-installation-mac-6.png)
![Screenshot of a desktop showing the balenaEtcher installation icon and a macOS menu with the option to Eject balenaEtcher.](../assets/images/installing-and-using-tails/tails-installation-mac-6.webp)

### Step 4: Install Tails on your USB stick using balenaEtcher

4.1. Open your Mac's "**Applications**" folder and double-click on "**balenaEtcher.app**".

Depending on your macOS version, your Mac might open a popup window saying '**Verifying "balenaEtcher.app"...**'. This is normal, let it complete its verification. Next, you will likely see another popup window with '**"balenaEtcher.app” is an app downloaded from the Internet. Are you sure you want to open it?**'. Click "**Open**".

![Screenshot of a macOS popup with a verifying loading bar.](../assets/images/installing-and-using-tails/tails-installation-mac-7.png)
![Screenshot of a macOS popup with a verifying loading bar.](../assets/images/installing-and-using-tails/tails-installation-mac-7.webp)

![Screenshot of a macOS popup with a warning message with the options to Cancel or Open.](../assets/images/installing-and-using-tails/tails-installation-mac-8.png)

4.2. Open *balenaEtcher* and click on the settings gear button on the upper-right. Disable the option "**Anonymously report errors and usage statistics to balena.io**", then click "**OK**".

![Screenshot of a balenaEtcher window showing a gear icon on the upper-right, and a disabled option to share anonymous error reports.](../assets/images/installing-and-using-tails/tails-installation-mac-9.png)
![Screenshot of a balenaEtcher window showing a gear icon on the upper-right, and a disabled option to share anonymous error reports.](../assets/images/installing-and-using-tails/tails-installation-mac-9.webp)

4.3. Eject and unplug any other external USB stick(s) or external USB drive(s) that might be plugged into your computer if possible, and plug in the USB stick you wish to erase and install Tails on.

4.4. Once it is plugged in, return to *balenaEtcher* and click on the "**Flash from file**" blue button on the left. You will be prompted to select a file. Select the Tails "**.img**" file you have downloaded and verified earlier.

![Screenshot of a balenaEtcher window showing 3 buttons. The button on the left is blue and labeled Flash from file.](../assets/images/installing-and-using-tails/tails-installation-mac-10.png)
![Screenshot of a balenaEtcher window showing 3 buttons. The button on the left is blue and labeled Flash from file.](../assets/images/installing-and-using-tails/tails-installation-mac-10.webp)

4.5. Click on the "**Select target**" blue button in the middle, and select your USB stick.

![Screenshot of a balenaEtcher window showing 3 buttons. The button in the middle is blue and labeled "Select target".](../assets/images/installing-and-using-tails/tails-installation-mac-11.png)
![Screenshot of a balenaEtcher window showing 3 buttons. The button in the middle is blue and labeled "Select target".](../assets/images/installing-and-using-tails/tails-installation-mac-11.webp)

<div class="admonition danger" markdown>
<p class="admonition-title">Caution! Select the correct USB stick!</p>
Expand All @@ -253,19 +253,19 @@ Make sure you are not selecting a USB stick or drive different from the one you

</div>

![Screenshot of a balenaEtcher window inside a menu with one or more checkboxes. One checkbox is selected next to a USB stick name and description.](../assets/images/installing-and-using-tails/tails-installation-mac-12.png)
![Screenshot of a balenaEtcher window inside a menu with one or more checkboxes. One checkbox is selected next to a USB stick name and description.](../assets/images/installing-and-using-tails/tails-installation-mac-12.webp)

4.6. Once you have verified that all the information is correct, click on the "**Flash!**" blue button on the right.

![Screenshot of a balenaEtcher window showing 3 buttons. The button on the right is blue and labeled "Flash!".](../assets/images/installing-and-using-tails/tails-installation-mac-13.png)
![Screenshot of a balenaEtcher window showing 3 buttons. The button on the right is blue and labeled "Flash!".](../assets/images/installing-and-using-tails/tails-installation-mac-13.webp)

You will see a *balenaEtcher* popup window saying: "**balenaEtcher needs privileged access in order to flash disks. Type your password to allow this.**". Type your computer's password and click "**Ok**".

![Screenshot of a macOS popup warning with a password field.](../assets/images/installing-and-using-tails/tails-installation-mac-14.png)
![Screenshot of a macOS popup warning with a password field.](../assets/images/installing-and-using-tails/tails-installation-mac-14.webp)

Depending on the version of macOS you use, you might see another popup window saying '**"balenaEtcher.app" would like to access files on a removable volume.**'. Click "**OK**" and wait for the installation to start.

![Screenshot of a macOS popup warning with the options to "Don't Allow" or "OK".](../assets/images/installing-and-using-tails/tails-installation-mac-15.png)
![Screenshot of a macOS popup warning with the options to "Don't Allow" or "OK".](../assets/images/installing-and-using-tails/tails-installation-mac-15.webp)

While Tails is getting installed, you should see a window that looks like this with "**Flashing...**". The operation might take a few minutes. Do not interrupt this process!

Expand Down Expand Up @@ -423,7 +423,7 @@ If you decide to setup Persistent Storage:

2. After setting up Persistent Storage, you will see a window like this with additional options:

![Screenshot of a window within Tails titled "Persistent Storage" and showing various options.](../assets/images/installing-and-using-tails/tails-usage-persistentstorage.png)
![Screenshot of a window within Tails titled "Persistent Storage" and showing various options.](../assets/images/installing-and-using-tails/tails-usage-persistentstorage.webp)

### Connecting to the internet

Expand All @@ -436,25 +436,25 @@ If using Tor is dangerous for you, read more about the other options before deci

</div>

![Screenshot of a window within Tails titled "Tor Connection" and showing various options.](../assets/images/installing-and-using-tails/tails-usage-torconnection.png)
![Screenshot of a window within Tails titled "Tor Connection" and showing various options.](../assets/images/installing-and-using-tails/tails-usage-torconnection.webp)

If the connection is successful, you should see this window and you will be ready to browse the internet anonymously:

![Screenshot of a window within Tails titled "Tor Connection" indicating the connection to Tor was successful. There is a button at the bottom labeled "Start Tor Browser".](../assets/images/installing-and-using-tails/tails-usage-torconnection-successful.png)
![Screenshot of a window within Tails titled "Tor Connection" indicating the connection to Tor was successful. There is a button at the bottom labeled "Start Tor Browser".](../assets/images/installing-and-using-tails/tails-usage-torconnection-successful.webp)

![Screenshot within Tails showing the Tor Browser application displaying the onion version of the Privacy Guides website.](../assets/images/installing-and-using-tails/tails-usage-privacyguides-onion.png)
![Screenshot within Tails showing the Tor Browser application displaying the onion version of the Privacy Guides website.](../assets/images/installing-and-using-tails/tails-usage-privacyguides-onion.webp)

### Sharing files with others

There is a lot of great applications already installed on Tails to help you! You will find them listed in the "**Applications**" drop-menu on the upper-left top bar. One of these applications is [OnionShare](https://onionshare.org/), which you can use to share files with others anonymously.

![Screenshot within Tails showing the application OnionShare open.](../assets/images/installing-and-using-tails/tails-usage-onionshare.png)
![Screenshot within Tails showing the application OnionShare open.](../assets/images/installing-and-using-tails/tails-usage-onionshare.webp)

### Storing passwords

If you are using the Persistent Storage with Tails, and need to store passwords, you can use the pre-installed [KeePassXC](https://keepassxc.org/) application. This application will store your passwords encrypted, locally-only, and protected by a main password (ideally, a **passphrase**). Be careful however if you store important passwords in there. Remember that if a bug occurs or if you forget your Persistent Storage's password, you could lose access to all of it.

![Screenshot within Tails showing the application KeePassXC open.](../assets/images/installing-and-using-tails/tails-usage-keepassxc.png)
![Screenshot within Tails showing the application KeePassXC open.](../assets/images/installing-and-using-tails/tails-usage-keepassxc.webp)

### Shutting down Tails

Expand Down
8 changes: 4 additions & 4 deletions blog/posts/integrating-metadata-removal.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ This guide uses the [Shortcuts](https://support.apple.com/guide/shortcuts-mac/in

Shortcuts is quite intuitive to work with, so if you don't like the behavior demoed here then experiment with your own solution. For example, you could set the shortcut to take a clipboard input instead. The sky's the limit.

![ExifTool Quick Action](../assets/images/metadata-removal/preview-macos.png)
![ExifTool Quick Action](../assets/images/metadata-removal/preview-macos.webp)

### Prerequisites

Expand Down Expand Up @@ -74,7 +74,7 @@ Shortcuts is quite intuitive to work with, so if you don't like the behavior dem
done
```

![macOS metadata removal shortcut](../assets/images/metadata-removal/shortcut-macos.png)
![macOS metadata removal shortcut](../assets/images/metadata-removal/shortcut-macos.webp)

!!! tip "Worth Mentioning"
The open-source [ImageOptim](https://imageoptim.com/mac) app integrates into Finder's *Services* context menu by default. While it is primarily an image optimization app, it also removes metadata.
Expand All @@ -95,7 +95,7 @@ Shortcuts is quite intuitive to work with, so if you don't like the behavior dem

The lack of *good* metadata removal apps on the App Store is what makes this solution worthwhile.

![Don't preserve metadata shortcut](../assets/images/metadata-removal/preview-ios.png)
![Don't preserve metadata shortcut](../assets/images/metadata-removal/preview-ios.webp)
### Prerequisites
Expand Down Expand Up @@ -123,7 +123,7 @@ The lack of *good* metadata removal apps on the App Store is what makes this sol

10. Make sure that you uncheck **preserve metadata**

![iOS/iPadOS metadata removal shortcut](../assets/images/metadata-removal/shortcut-ios.png)
![iOS/iPadOS metadata removal shortcut](../assets/images/metadata-removal/shortcut-ios.webp)

### Enabling & using the Shortcut

Expand Down
2 changes: 1 addition & 1 deletion blog/posts/mozilla-disappoints-us-yet-again-2.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ schema_type: AnalysisNewsArticle

# "Privacy-Preserving" Attribution: Mozilla Disappoints Us Yet Again

![](../assets/images/mozilla-disappoints-us-yet-again-2/cover.jpeg)
![](../assets/images/mozilla-disappoints-us-yet-again-2/cover.webp)

<small aria-hidden="true">Image: Unsplash</small>

Expand Down
Loading

0 comments on commit 36db737

Please sign in to comment.