回答編集履歴
2
追記
test
CHANGED
@@ -16,6 +16,8 @@
|
|
16
16
|
|
17
17
|
```
|
18
18
|
|
19
|
+
※image/pngとなっている箇所は画像の形式にあわせて変えてください。
|
20
|
+
|
19
21
|
|
20
22
|
|
21
23
|
例) HTML表示
|
@@ -25,6 +27,10 @@
|
|
25
27
|
<img src="image.php?name=sample.png">
|
26
28
|
|
27
29
|
```
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
この方法の注意点としては、アクセスが来てもこのままではキャッシュが効かないことです。headerでLast-Modifiedを返す、送られてきたリクエストのIf-Modified-Sinceを調べて適切に304 Not Modifiedを返すようにすればキャッシュが正しく働くようになります。あと、手抜きでContent-Length等も入れていないので、しっかりやるならそのへんのヘッダも正しく入れましょう。
|
28
34
|
|
29
35
|
|
30
36
|
|
@@ -44,6 +50,8 @@
|
|
44
50
|
|
45
51
|
```
|
46
52
|
|
53
|
+
※image/pngとなっている箇所は画像の形式にあわせて変えてください。
|
47
54
|
|
48
55
|
|
49
|
-
|
56
|
+
|
57
|
+
この方法の注意点としては、「HTMLに直接埋め込むためそもそもキャッシュが効かない」ということです。数kbのアイコン画像などではまだ許容されますが、あまり大きな画像をこの方法で埋め込むと通信量が相当な負荷になります。しかもbase64エンコードするのでバイナリが文字列へ変換され、本来のファイルサイズの2倍から3倍の大きさに膨れ上がります。さらにサイズ増加によりHTML本体のダウンロードに時間がかかるようになるため、ページ遷移にももたつきを感じるようになります。
|
1
urlが間違っていたので修正
test
CHANGED
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
```html
|
24
24
|
|
25
|
-
<img src="image.p
|
25
|
+
<img src="image.php?name=sample.png">
|
26
26
|
|
27
27
|
```
|
28
28
|
|