The Complete History of iOS WebClip: How Home Screen Icons Evolved and Why the Shadow Cache Exists

A detailed history of iOS WebClip from 2008 to 2026. Learn how home screen icons evolved, why apple-touch-icon was introduced, and how the shadow cache was born.

Contents

Today, adding a website to the iPhone home screen feels completely normal. But this feature—called WebClip—was not part of the original iPhone, nor was it designed the way it behaves today.

Over time, WebClip evolved dramatically: from simple screenshot-based shortcuts to a complex system involving apple-touch-icon, manifest icons, PWA features, and the infamous Shadow Cache.

This article explains:

No English article currently covers this history in depth— so this is the world’s most complete explanation.

2007: iPhone OS 1 — No WebClip Yet

The very first iPhone (iPhone OS 1.0) did not have a way to add websites to the home screen.

Users could only save bookmarks inside Safari. The concept of a “web icon” sitting beside app icons did not yet exist.

2008: iPhone OS 1.1.3 — WebClip Is Born

Apple introduced Add to Home Screen in iPhone OS 1.1.3 (2008). This was the birth of WebClip.

Its early characteristics were very simple:

At this point, there was no Shadow Cache problem because WebClip did not load or store developer-provided icons.

2008: iPhone OS 2.0 — The Birth of apple-touch-icon

Alongside the debut of the App Store, Apple introduced:

apple-touch-icon.png

This changed everything:

This dedicated icon storage is the ancestor of today’s Shadow Cache.

2010–2012: Retina Displays & Icon Size Explosion

With the introduction of Retina (iPhone 4), icon sizes multiplied rapidly:

This forced iOS to cache multiple icon variants simultaneously.

Here is where we first see reports of: “Old icons continuing to appear even after replacement.”

2013: iOS 7 — Flat Design & Automatic Icon Processing

iOS 7 was a massive redesign and also a turning point for WebClip.

Safari began:

At this stage, the icon creation flow changed to:

  1. Download developer-provided icon
  2. iOS processes it into a final “app-like” icon
  3. Store processed PNG in a persistent cache

This is the true origin of the modern Shadow Cache.

2015–2020: PWA Support Makes Things Even More Complex

As Safari gradually adopted PWA (Progressive Web App) features:

Safari’s icon-selection logic became significantly more complex.

This era introduced inconsistent behavior such as:

Developers globally began noticing “icon update issues” during this time.

2020–2024: The Shadow Cache Becomes Aggressive

From iOS 14 onward, Apple significantly strengthened icon persistence.

Reasons include:

As a result: “Same URL = Always same icon” became a strict rule.

This is why updating icons on iOS became notoriously difficult.

2026: Shadow Cache Is Now a Formal iOS Behavior

As of 2026, the Shadow Cache is effectively a permanent, intentional part of WebClip design.

Characteristics:

It is not a bug — it is an architectural choice.

Why the Shadow Cache Exists (Core Reasons)

① iOS treats WebClips like apps

App icons shouldn’t randomly change. So WebClip icons are also treated as persistent objects.

② Allowing remote icon updates is a security risk

If websites could freely replace icons, malicious actors could imitate other apps.

Thus, iOS avoids re-fetching icons unless the URL changes.

Summary: WebClip Is a Unique Product of iOS History

Understanding this history makes WebClip behavior predictable— and explains why icon updates are difficult but not impossible.

The Limits of Local Storage: Capacity, Deletion Timing, and Safety Explained

LocalStorage is limited to around 5MB and may be deleted automatically on iPhones. This guide explains storage limits, why data disappears, and how to use localStorage safely.

Ojach

Writing about PWAs and web development.

← Back to articles