다양한 사이즈의 이미지를 만들 수 있는 웹페이지이다.
사용법
https://via.placeholder.com/500via.placeholder.com/원하는 사이즈
를 넣으면 해당 사이즈의 이미지를 만들어준다.
https://via.placeholder.com/150/FF0000
https://via.placeholder.com/150/FF0000/FFFFFFvia.placeholder.com/150/FF0000(이미지 색상)
via.placeholder.com/150/FF0000(이미지 색상)/FFFFFF(글씨색상)
사이즈 뒤에 색상 코드를 넣으면 이미지의 색상을 지정해줄 수 있으며 색상 뒤에 / 를 붙이고 색상 코드를 한 번 더 쓰면 이미지 내의 폰트 색상을 바꿀 수 있다.
via.placeholder.com/150.pngvia.placeholder.com/150.png
사이즈 뒤에 이미지 확장자를 넣으면 넣은 확장자로 저장 가능하다.
그 외 기능은 웹페이지에 자세하게 설명되어있다.
Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers
Contents1 What Is Placeholder.com?2 How To Use Our Placeholders3 How To Set Image Size4 How To Set Image Formats5 How To Set Custom Text6 How To Set Background & Text Color6.1 Popular Hex Color Codes7 New! WEBP Support8 New! HTTPS Support9 NEW! Placeholde
placeholder.com
'STUDY > tip' 카테고리의 다른 글
| HTML : html 기본 틀 쉽게 만들기 (0) | 2022.05.15 |
|---|---|
| CSS : 100 DAYS CSS CHALLENGE (100일 CSS 챌린지) (0) | 2022.05.10 |
| VScode : Visual Studio Code - 자주 사용하는 단축키(Mac기준) (0) | 2022.04.14 |
| IDE : 웹 에디터와 통합개발환경(IDE) (0) | 2022.04.08 |
| Web Site : Can't Unsee - UI감각 기르기 (0) | 2022.04.07 |