技術 #35 圖片的 1x, 2x, 3x 是什麼？關於網頁上圖片解析度的處理：HTML <img> srcset、CSS image-set() 與 @media resolution

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解向量...

技術 【Day19-顏色】眼前的黑不是黑，你說的白是什麼白？——淺談圖片資料的色彩空間

在經過了文字和聲音的章節，今天終於到了圖片的進度我們會從人類對視覺的認知方式出發，以及談一下那些不同的色彩空間對於儲存一張圖片有什麼優勢 顏色與視覺 人類是怎麼...

技術 背景圖/免費圖庫大全(2021年更新) - 38個高質+免費的圖庫網站

當要製作Powerpoint匯報、或寫網頁時，你們也會從Google搜集圖片素材吧！ 然而，當你轉載這些圖片，很可能已經侵權了！ 不用擔心！以下我將會介紹38個...

技術 圖片測試

技術 Shutterstock 釋出過百個圖片和多媒體資源供免費下載

[限時免費資源] Shutterstock 釋出過百個圖片和多媒體資源供免費下載 這家知名的付費素材網站，平常一張圖片的授權費用都是數百塊錢起跳，絕少出現免費...

技術 Python__識別圖片中的文字

需要安裝的有 PIL pytesseract Tesseract-OCR 打開命令提示元，輸入： PIL pip install pillow P...

技術 響應式圖片選用技巧

網站上總需要圖片來點綴，除了客戶提供解析度不足的圖片外，我們也看從許多素材網站找到不錯的圖片，而選用圖片除了找到合適主題外，也需要花不少時間來比對是否合適於網站...

技術 AMP(Lession 3) - 使用AMP做RWD

使用AMP做RWD RWD 在現如今的網站，可以說是必備設定了。這兒要注意一點：平日裡我們是用 css 在做 RWD 的設定，但在 AMP 的世界裡，並不是這樣...

技術 怎麼import 資料夾內圖片？

前言 不要笑！！ 我還真的不知道，我圖片通常都傳上免空在下載，但難免還是要回到最基本的觀念， 但其實跟以往的做法一樣，只是會因為React的資料夾結構，產生不...

技術 HTML5的picture標籤 - 自動調整圖片大小

上一篇文章提到 RWD / BootStrap（http://ithelp.ithome.com.tw/articles/10187807 ）可以依照使用者的畫...

技術 HTML5 與 SVG圖形入門

SVG（Scalable Vector Graphics） SVG是一種XML語法而且已經納入HTML之中，可以把互動圖形放在您的網頁裡面（放在&lt;svg&...