
圖片想要在網頁上呈現,多數的作法都是直接使用 HTML 語法的 <img> Tag 來實現,而 img2css 這個網站,卻可以將圖片全部轉成 CSS 語法,再透過 <div> 的 style 屬性來呈現,完全不需要靠原始圖檔,就能在網頁上完整的呈現該圖片,當然,越是複雜的圖檔,產生的 CSS 語法就越多。
img2css 網站資訊
如何使用 img2css 來產生圖片的 CSS 語法?
1.使用瀏覽器進入 img2css 網站,將圖片使用滑鼠拖拉到虛線框內或使用滑鼠點擊虛線框內任意處來選擇要上傳的圖片。

2.接下來就會自動產生圖片的 CSS 語法。

3.複製該 CSS 語法,便可貼到網頁要呈現處。

※上圖的原始圖片在 「Google 定位紀錄」在地圖上清楚的呈現每天行經路線與時間