base64 の css で背景画像を手動でエンコードすることがよくあります。
手動とは、画像をエンコードし、結果の文字列をコピーし、css ファイルに貼り付けることなどを意味します。これはばかだ！
それを自動的に行うスクリプトを PHP または Python で作成することは難しくないという結論に達しました。css を解析し、HD で画像を見つけ、base64 でエンコードし、結果を元の文字列に置き換えるだけです。 css ファイルで、新しいファイルを保存します。
それで、「なんで誰もやってないの？ やる前に聞いた方がいいんじゃないの？」と思いました。
ここにいますが、同様のソリューションは存在しますか?
ありがとう
Chris Coyer @ CSS-Tricks が Data URI に関する記事を公開し、データ URIの使用方法と有用性について説明しています。終わり近くで、彼は、PHP を使用してオンザフライでそれらを生成するのは非常に簡単であると述べています。
PHP (または PHP を CSS として) を使用している場合は、次のようにオンザフライでデータ URI を作成できます。
<?php echo base64_encode(file_get_contents("../images/folder16.gif")) ?>
ただし、 Web サイトのすべてのbase64_encode画像で使用する必要はありません。によって生成される文字列のサイズは、元の画像の約 33% 大きくなります。データ URI は、小さな画像があり、それらに対する要求を無駄にしたくない場合に最適です。base64_encode