Splashscreen image is blurry because it's resized #721

Closed
opened 2026-01-29 16:46:44 +00:00 by claunia · 1 comment
Owner

Originally created by @domialex on GitHub (Nov 7, 2021).

By default chromium adds a margin of 8px around img tags, causing the image in the splashscreen to shrink to fit in its parent browserwindow that is set with the image's dimensions, making it blurry.

A fix would be to add margin: 0 in the style of the img here:
https://github.com/ElectronNET/Electron.NET/blob/master/ElectronNET.Host/splashscreen/index.html

  • Version: 13.5.1
  • Target: net5.0

Steps to Reproduce:

  1. Put image in electron.manifest.json:
"splashscreen": {
    "imageFile": "my-image.png"
  },
  1. Build and run app
Originally created by @domialex on GitHub (Nov 7, 2021). By default chromium adds a margin of 8px around `img` tags, causing the image in the splashscreen to shrink to fit in its parent browserwindow that is set with the image's dimensions, making it blurry. A fix would be to add `margin: 0` in the style of the `img` here: https://github.com/ElectronNET/Electron.NET/blob/master/ElectronNET.Host/splashscreen/index.html * **Version**: 13.5.1 * **Target**: net5.0 Steps to Reproduce: 1. Put image in `electron.manifest.json`: ``` "splashscreen": { "imageFile": "my-image.png" }, ``` 2. Build and run app
claunia added the bug label 2026-01-29 16:46:44 +00:00
Author
Owner

@FlorianRappl commented on GitHub (Nov 2, 2025):

Part of 0.1.0.

@FlorianRappl commented on GitHub (Nov 2, 2025): Part of 0.1.0.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/Electron.NET#721