假圖產生器

在做網頁排版設計時，常常需要一些圖片，來看看排版是否符合預期，但是我們可能會因為身邊沒有這麼多符合版面需要大小的圖片，所以常常煩惱不已，這時候就需要假圖產生器，產生我們排版需要大小的假圖，以下是一些假圖產生器的服務：

• Fake images please?
• {placekitten}
• Placehold.it - Quick and simple image placeholders
• lorempixel - placeholder images for every case
• Random User Generator

Fake images please?

http://fakeimg.pl/

範例

產生文字為KeJyun，字形為Lobster的假圖

http://fakeimg.pl/350x200/?text=KeJyun&font=lobster

產生大小為350x200，背景顏色為#BFAF86，文字顏色為#000的假圖

http://fakeimg.pl/350x200/BFAF86/000/

特效外掛推薦

整理

• Effeckt.css: CSS library of performant transitions and animations for mobile · Issue #122 · h5bp/lazyweb-requests · GitHub

圖片網站推薦

CC授權圖片

• Photo Pin : Free Photos for Bloggers via Creative Commons

圖庫

• picjumbo — totally free photos for your commercial & personal works
• ImageChef - Customize Photos, Clip Art

自動產生指定大小圖片

一般

• Placehold.it - Quick and simple image placeholders
• Fake images please?
• Dynamic Dummy Image Generator - DummyImage.com
• Holder.js - client side image placeholders

Grid

• Website layout made easy | Griddle.it

動物

• {placekitten}

綜合

• lorempixel - placeholder images for every case

蒐集介紹

• The Top 8 Placeholder Services for Web Designers

免費圖片處理工具

轉換圖片成ico

http://www.convertico.com/