Low image resolution on website, but high image resolution in GitHub

[quinn-p-mchugh]

Hi there,

First off, amazing plugin - thanks for your efforts!

Issue Summary

I have an image on this webpage that appears blurry when compared to the source image uploaded to GitHub.

Comparison

Image on Website

Image Uploaded to GitHub

Steps to Reproduce

1. Embed png image into note.

   
   ---
   dg-publish: true
   ---

Testing PNG Embedding ![[my-image.png]]

3. Publish note to GitHub repository using plugin.
4. Build website using Vercel.

[russellgordon]

I am certain this is not the recommended solution, but I also ran into this, and was able to work around it by editing the .eleventy.js file.

See image below. At left is the original contents of that file. At right are my modifications. I've essentially told eleventy to leave GIF and PNG files alone – to not optimize them. I prefer do that myself before publishing to GitHub through the Digital Garden plugin in Obsidian.

@oleeskild Would you be willing to add a flag in the Digital Garden settings panel in Obsidian to control whether image optimization happens? Or perhaps to control what image formats will be optimized?

The edited file itself on GitHub:

[oleeskild]

Thanks for providing the community with a temporary workaround @russellgordon 🙌 I've now added this as a feature in the plugin. Under Setting > Digital Garden > Appearance Settings > Theme Settings there is now a new toggle for using full resolution images.