badges/shields

Provide high resolution favicon

Open

#1497 opened on Feb 14, 2018

View on GitHub
 (6 comments) (3 reactions) (0 assignees)JavaScript (22,337 stars) (5,423 forks)batch import
frontendgood first issue

Description

Currently the shields.io favicon is low resolution only.

But current browsers like Firefox use big logo information in their top visites sites section. There is also no image support for links placed on mobile homescreens (android +ios).

On basically all high resolution screens the operating system has to scale things up so it gets even worse.

Contributor guide

Tech stack
javascripthtml
Domain
frontenddesign
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
image editingfavicon standards
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Investigate the current favicon location in the repository (likely in the root or static folder). Consider generating a high resolution favicon in multiple formats (PNG, SVG) and updating the HTML link tags. Ensure compatibility with modern browsers and mobile devices.