[PR #2233] [MERGED] Generate small and large logos at 4x resolution #16296

Closed
opened 2025-11-02 12:06:58 -06:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-gitea/gitea/pull/2233
Author: @silverwind
Created: 7/30/2017
Status: Merged
Merged: 7/30/2017
Merged by: @lafriks

Base: masterHead: hires-logo


📝 Commits (1)

  • 64d18ab Generate small and large logos at 4x resolution

📊 Changes

3 files changed (+4 additions, -4 deletions)

View changed files

📝 Makefile (+4 -4)
📝 public/img/gitea-lg.png (+0 -0)
📝 public/img/gitea-sm.png (+0 -0)

📄 Description

To support High-DPI displays, generate the logos at 4 times their displayed resolution, which should be enough to support all current devices according to https://material.io/devices/.

This works because the CSS of Semantic UI and the img-* classes downscale the images to correct CSS dimensions. The base dimensions of 220px and 30px of the images were chosen based on Semantic UI's .logo and .ui.mini.image dimensions.

Samples of the header image from my screen which is roughly 2 dppx, before and after:


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-gitea/gitea/pull/2233 **Author:** [@silverwind](https://github.com/silverwind) **Created:** 7/30/2017 **Status:** ✅ Merged **Merged:** 7/30/2017 **Merged by:** [@lafriks](https://github.com/lafriks) **Base:** `master` ← **Head:** `hires-logo` --- ### 📝 Commits (1) - [`64d18ab`](https://github.com/go-gitea/gitea/commit/64d18ab0fe8bd56548860836f82cf4bc1d8a24b5) Generate small and large logos at 4x resolution ### 📊 Changes **3 files changed** (+4 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `Makefile` (+4 -4) 📝 `public/img/gitea-lg.png` (+0 -0) 📝 `public/img/gitea-sm.png` (+0 -0) </details> ### 📄 Description To support High-DPI displays, generate the logos at 4 times their displayed resolution, which should be enough to support all current devices according to https://material.io/devices/. This works because the CSS of Semantic UI and the `img-*` classes downscale the images to correct CSS dimensions. The base dimensions of 220px and 30px of the images were chosen based on Semantic UI's `.logo` and `.ui.mini.image` dimensions. Samples of the header image from my screen which is roughly 2 dppx, before and after: <img width="76" src="https://user-images.githubusercontent.com/115237/28753318-8d33df14-7533-11e7-8e70-1a2bb708eee8.png"> <img width="108" src="https://user-images.githubusercontent.com/115237/28753319-951f04b0-7533-11e7-99b5-c7d8a57cd412.png"> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2025-11-02 12:06:58 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#16296