Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Use full-res images in pictures.

Open
  • Is something wrong?
#428 3 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Needs clarification
Activity status
Stale
Tech stack
html
Domain
frontend, web-dev

Research direction

Start by locating the committee page and its current image markup, then inspect how those images are loaded. Done means the page initially renders quickly with low-resolution images and replaces them with full-resolution versions; metered-connection handling is explicitly outside this issue.

Written by the indexing model from the issue text.

Description

enhancement

The full-res images are only a few MB in size.
There's probably some way to load the low-res images first, then load the high-res images. That way the site can still load quickly, and then the high-res images can replace the low-res ones as/once their loaded in.
This will make the committee page look better, but still be very fast to load.
There's also probably some way to detect if the user is on a metered connection, and only load the low-res images, but that's for someone else to figure out.

Dominant language
HTML
Stars
29
Forks
44
Avg merge
1d 7h
Merged PRs (30d)
21

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CSSUoB/cssuob.github.io

All issues in CSSUoB/cssuob.github.io

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.