使用CSS和圖像自己繪製圖像

Question

我剛剛構建了一個應用程序，該應用程序使用Java讀取圖像的所有像素，然後創建一個CSS文件以在瀏覽器上繪製該圖像。

事實上，CSS文件比圖像大得多。假設圖像佔用37KB，CSS佔用7MB。這是不可接受的大。

但我聽說瀏覽器在從服務器請求圖像比CSS慢，也發現CSS容易解析。

這款應用還有什麼優勢嗎？或者這只是浪費時間？

請指教我。

我的應用程序的工作原理只是這個網站作品的方式，併產生相同的還挺CSS：

http://image2css.alexdoesit.com/ 

Answer 1

但我聽說的地方，瀏覽器是從服務器比CSS請求圖片速度更慢，也找到了CSS容易解析。

CSS最好在像圓角，陰影，漸變等

但是，如果你打算效仿使用CSS的「真實」的照片（如照片），這是一個絕對壞的某些視覺效果的圖像理念。爲什麼？

• 空間：考慮甚至像未壓縮的8位RGB位圖最簡單的圖像格式。它需要每個像素3個字節（加上整個文件的固定數量的字節）。對於每個像素，CSS可能需要更多的字節。

• 時間：這是較簡單的（從計算的角度）來分析和比顯示像素的數據來構建與風格的僞元素一個巨大 HTML DOM。

• 特點：真實圖像可以被另外處理的/改變/通過CSS增強，如將圖像轉換爲灰度圖像，模糊等 - 見filters。

---

不過，你已經完成了很好的編程練習：

我剛剛建立了一個讀取使用Java圖像的所有像素，然後繪製創建一個CSS文件的應用程序瀏覽器上的圖像。