Skip to content

[docs] Replace PNG images with WEBP format for improved performance #3105

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
fellyph merged 1 commit into from
Jan 10, 2026
Merged

[docs] Replace PNG images with WEBP format for improved performance #3105

fellyph merged 1 commit into from
Jan 10, 2026

Conversation

@fellyph
Copy link
Collaborator

@fellyph fellyph commented Jan 9, 2026

This commit updates several documentation files to use WEBP images instead of PNGs, enhancing loading times and reducing file sizes. The changes include images related to the VS Code extension, architecture diagrams, and PR preview buttons across multiple language versions.

PNG vs. WebP Data Savings

File Name Original (PNG) New (WebP) Saved Data Reduction %
dependencies 2,100 KB 437 KB 1,663 KB -79.1%
data-flow 1,000 KB 198 KB 802 KB -80.2%
try-it-in-playground 952 KB 117 KB 835 KB -87.7%
architecture-overview 740 KB 282 KB 458 KB -61.9%
workers-diagram 740 KB 282 KB 458 KB -61.9%
c-programs-php-versions 653 KB 94 KB 559 KB -85.6%
c-programs-general 534 KB 87 KB 447 KB -83.7%
boot-sequence 450 KB 85 KB 365 KB -81.1%
demo 444 KB 39 KB 405 KB -91.2%
c-programs-php 406 KB 65 KB 341 KB -84.0%
wp-version-switcher 385 KB 69 KB 316 KB -82.1%
start-wordpress-server 170 KB 54 KB 116 KB -68.2%
TOTALS ~8,574 KB 1,809 KB 6,765 KB ~78.9%

Summary of Results

  • Total Original Size: ~8.6 MB
  • Total New Size: ~1.8 MB
  • Total Data Saved: ~6.8 MB
  • Best Performance: The file demo.png had the best compression ratio, shrinking by over 91%.
  • Overall Impact: You reduced the total folder size by roughly 79%. This will significantly improve page load speeds for users downloading these assets.

@fellyph
refactor: replace PNG images with WEBP format for improved performance
5ec4be3 
This commit updates several documentation files to use WEBP images instead of PNGs, enhancing loading times and reducing file sizes. The changes include images related to the VS Code extension, architecture diagrams, and PR preview buttons across multiple language versions.
@fellyph fellyph added the [Type] Documentation Improvements or additions to documentation label Jan 9, 2026
@fellyph fellyph merged commit 91d3275 into trunk Jan 10, 2026
33 checks passed
@fellyph fellyph deleted the convert-imagens-to-webp branch January 10, 2026 15:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

[Type] Documentation Improvements or additions to documentation

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@fellyph