[docs] Optimize large GIF assets used in Base Account guides

Open Beginner friendly
#1,471 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Documentation
Clarity
Mostly clear
Activity status
Quiet
Domain
documentation

Research direction

Start with docs/images/base-account/BasePayFinal.gif and docs/images/base-account/privy-base-auth.gif, then inspect their references in docs/base-account/guides/accept-payments.mdx and docs/base-account/framework-integrations/privy/authentication.mdx. Optimize or replace both assets with lighter equivalents and verify the affected guides still display correctly while reducing asset size.

Written by the indexing model from the issue text.

Description

[docs] Optimize large GIF assets used in Base Account guides

Summary

Some docs pages embed relatively large GIF assets. Optimizing or replacing these with lighter formats could improve page load performance.

Affected assets

  • docs/images/base-account/BasePayFinal.gif — approximately 7.55 MB
  • docs/images/base-account/privy-base-auth.gif — approximately 3.52 MB

Usage

  • docs/base-account/guides/accept-payments.mdx
    • Line 62: /images/base-account/BasePayFinal.gif
  • docs/base-account/framework-integrations/privy/authentication.mdx
    • Line 25: /images/base-account/privy-base-auth.gif

Expected improvement

Consider replacing large GIFs with optimized WebP/MP4 assets, reducing dimensions, or adding lighter previews where appropriate.

How I found it

Scanned docs assets larger than 1 MB and checked where they are referenced.

Dominant language
JavaScript
Stars
337
Forks
798
Avg merge
7h 24m
Merged PRs (30d)
51

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from base/docs

All issues in base/docs

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.