Webブラウザエンジニアリング ―Chrome開発者たちから学ぶ、作って理解するブラウザとWebの仕組み

15章埋め込みコンテンツのサポート

　私たちのブラウザは、複雑なスタイル、視覚効果、およびアニメーションをレンダリングできるようになりました。しかし、これらはすべてテキストにのみ適用されます。一方、Webページには、画像や他のWebページなど、テキストではないさまざまな「埋め込みコンテンツ（embedded content）」が含まれています。埋め込みコンテンツのサポートは、ブラウザのアーキテクチャ、パフォーマンス、セキュリティ、およびオープンな情報アクセスに多大な影響を与え、Webの歴史を通じて重要な役割を果たしてきました。

15.1　画像

　画像の埋め込みの登場は、1993年初頭にさかのぼります[1]※1。画像は、Web上で最も人気のある埋め込みコンテンツ※2であることは間違いないでしょう。画像は次のような<img>タグを使って、Webページに埋め込まれます。

※1　この歴史は、srcとhref、imgとimageのような多くの不整合の理由でもあります[2]。

※2　ですから、この本の15章になってようやく画像が登場するというのは、少々皮肉なことです！ というのも、Tkinterは多くの画像フォーマットや適切なサイズ変更、切り抜きをサポートしていないため、私はSkiaが導入されるまで待たなければならなかったからです。

<img src="https://browser.engineering/im/hes.jpg">

　この例は、図15.1に示すようにレンダリングされます。

　幸いなことに、画像の実装はそれほど難しくありません。さっそく始めましょう。ブラウザに画像を表示するのに必要なのは、次の4つのステップです。

1. URLから画像をダウンロードする。