Get AI summaries of any video or article — Sign up free
Obsidian - Optimize your Vault and Publish Site thumbnail

Obsidian - Optimize your Vault and Publish Site

Josh Plunkett·
4 min read

Based on Josh Plunkett's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

PNG-heavy image libraries can inflate an Obsidian vault and slow down Obsidian Publish page loads.

Briefing

Obsidian vaults used for tabletop RPGs can balloon in size—especially when many notes rely on large PNG images—and that bloat can slow down publishing and page loads. A practical fix is to automatically convert pasted images into a more efficient format, shrinking file sizes dramatically without noticeable quality loss for typical RPG use.

The workflow starts with identifying the problem: the creator’s vault is approaching 20 GB, and earlier website publishing had noticeable delays traced to PNG usage. PNGs tend to be larger and higher quality, but most RPG notes don’t need that level of detail. The only time crisp, full-screen imagery matters is when images are shown to players via a dedicated “open window” setup on a third screen. Even then, the overall goal remains reducing vault weight so backups and GitHub syncing don’t hit storage limits.

To tackle the issue, the approach focuses on automation at the moment images enter the vault. After disabling a previously installed plugin, a test image is pasted into Obsidian. The original PNG is about 1.04 MB. Instead of manually converting files, the solution installs an Obsidian community plugin called “Image Converter” (by xray). The plugin is still under development, but it includes research on compression tradeoffs and recommends WebP as the best balance of smaller size and minimal quality loss.

With the plugin enabled, pasting the same image again converts it automatically—this time into WebP. The resulting file drops to roughly 72 KB, a reduction of about an order of magnitude. Side-by-side comparison shows the difference is hard to spot at normal viewing sizes, while the vault’s storage footprint and published-site load performance should improve.

The plugin also supports a quality-control feature: it can resize images with the mouse, giving users additional control when they want smaller assets than the default conversion. The net effect is straightforward: install the plugin, paste images, and let Obsidian store WebP versions automatically. That reduces vault size, speeds up Obsidian Publish page loads, and keeps GitHub-backed vault syncing from becoming a paid-storage problem.

The takeaway is less about image theory and more about operational payoff. For tabletop RPG vaults—where images are often used as note illustrations rather than high-end artwork—automated PNG-to-WebP conversion offers a low-effort way to keep the library lean while preserving the visual clarity players actually notice.

Cornell Notes

Large Obsidian vaults for tabletop RPGs often grow because PNG images are heavy, which can slow Obsidian Publish and complicate GitHub backups. A practical remedy is to automate image conversion when assets are pasted into the vault. Using the community plugin “Image Converter” (by xray), pasted PNGs convert to WebP automatically, based on research that WebP offers strong compression with minimal quality loss. In a test, a ~1.04 MB PNG became about 72 KB as WebP, with side-by-side viewing showing little noticeable difference for typical use. The plugin can also resize images via mouse control, giving extra flexibility when users want smaller files.

Why do PNG images cause problems in an Obsidian vault used for RPG notes?

PNG files tend to be larger and higher quality than formats like JPEG or WebP. In the described setup, PNG-heavy content contributed to slow page loads when publishing the site, and the vault size climbed toward ~20 GB. Since most RPG notes don’t require ultra-detailed, full-resolution images, the extra PNG weight becomes unnecessary bloat.

What is the core strategy to reduce vault size without manually converting every image?

Convert images automatically at the moment they’re pasted into Obsidian. After disabling an interfering plugin, the workflow installs a community tool that intercepts pasted images and converts them to a more efficient format, so users don’t have to run separate conversion steps for each asset.

Which plugin is used for automated conversion, and what format does it target?

The solution uses the community plugin “Image Converter” by xray. It converts pasted images to WebP, chosen for its compression efficiency and low quality loss compared with other options tested in the plugin’s included research.

What kind of size reduction is demonstrated in the test?

A sample PNG at about 1.04 Meg (roughly 1,040 KB) is converted to WebP at about 72 kilobytes. That’s an order-of-magnitude reduction, which should translate into faster publishing and less storage pressure for backups.

Does the conversion noticeably degrade image quality for RPG use?

Side-by-side comparison shows the difference is hard to spot at typical viewing sizes. The creator notes that most RPG illustrations don’t need large, detailed images; the only scenario needing extra crispness is full-screen display to players on a dedicated third screen, where quality still appears acceptable after conversion.

What extra control does the plugin provide beyond conversion?

It can resize images with the mouse. That means users can further reduce file sizes when needed, rather than relying solely on the default conversion behavior.

Review Questions

  1. How does converting PNGs to WebP affect both vault storage size and published-site load times?
  2. What tradeoff does the “Image Converter” plugin aim to balance, and why is WebP central to that choice?
  3. In what situations might you still need higher image fidelity, even after conversion?

Key Points

  1. 1

    PNG-heavy image libraries can inflate an Obsidian vault and slow down Obsidian Publish page loads.

  2. 2

    Automate conversion at paste-time to avoid manual file processing for every image.

  3. 3

    Install the community plugin “Image Converter” (by xray) to convert pasted images to WebP automatically.

  4. 4

    A demonstrated conversion reduced a ~1.04 Meg PNG to about 72 kilobytes with minimal visible quality difference.

  5. 5

    Use the plugin’s mouse-based resizing option when you want even smaller images.

  6. 6

    Smaller vault assets reduce storage pressure for GitHub-backed backups and help keep sync free-tier friendly.

Highlights

A ~1.04 MB PNG shrank to ~72 KB after automatic conversion to WebP—about a tenfold reduction.
Side-by-side viewing showed the quality drop was barely noticeable for typical RPG note imagery.
WebP was selected because it delivers strong compression while keeping loss relatively low compared with other options.
Mouse-based resizing adds an extra layer of control beyond format conversion.

Topics

  • Obsidian Vault Optimization
  • Image Conversion
  • WebP Compression
  • Obsidian Publish Performance
  • Tabletop RPG Notes