웹을 디자인하라

픽셀(작은 사각형) 안에 색을 채워 이미지를 표현하는 방식으로, 픽셀크기에 따라 이미지 선명도와 파일 크기가 결정됩니다. 이미지 표현의 최소단위인 픽셀 하나하나가 색상정보를 가지기 때문에 벡터 방식에 비해 파일 크기가 크게 나오며, 해상도가 낮은 이미지일수록 곡선이나 사선부분에서 계단현상이 나타납니다. 또한, 이미지 확대 축소시 이미지 손상을 가져옵니다. 그러나 각 픽셀 정보를 복잡한 연산과정을 거쳐 변형시키는 특수 효과 기능이나 질감 표현 등에 뛰어납니다. 주로 페인팅 작업에 많이 사용됩니다. https://smartstore.naver.com/selectharashop/products/9913273124

1. Photoshop (.psd) 포토샵 고유의 포맷방식으로, 포토샵에서 사용한 모든 환경(레이어, 채널, 패스, 레이어마스크 등등)을 그대로 보존하기 때문에 아직 작업이 끝나지 않았을 경우나, 수정작업을 위해 가장 많이 사용되는 방식입니다. 단, 포토샵 원본파일이기 때문에 웹상에는 올라가지 않습니다. 2. CompuServe GIF (.gif) 서로 다른 기종간에 그래픽 파일 전송을 원활하게 하기 위해 컴퓨서브 사에서 만든 방식입니다. Gif 애니메이션, 투명 Gif 기능으로 파일 용량이 작아 주로 작은 아이콘등을 웹상에 올릴때 사용합니다. 3. JPEG (.jpg) 압축률이 매우 뛰어난 방식입니다. 또한 사용자가 직접 압축 정도를 지정해 줄 수 있습니다. 압축률을 높이면 그만큼 이미지가 손상되게 됩..

1. 픽셀(pixel) : Picture 와 Element(요소,성분) 의 합성어로, 이미지 표현의 최소단위. 2. 해상도 : 모니터의 픽셀의 수를 말합니다. (비트맵 이미지가 몇 개의 픽셀로 구성되어 있는가를 의미) 예) 800*600 : 15인치 모니터, 1024*768 : 17인치 모니터, 1680*1050 : 22인치 와이드 모니터 등.. * 웹에서 사용할 그림을 작업할 때는 72 pixels/inch 에 맞추어 놓고 작업하는 것이 가장 보편적인 해상도입니다. (인쇄용 : 300 ppi)

예시) #FFFFFF, #000000, #F6F6F6 # : Number, R,G,B 의 색이 # 뒤에 6자리의 숫자와 문자가 오게 됩니다. 앞의 두자리 : R(Red), 그 뒤의 두자리 : G(Green), 마지막 두자리 : B(Blue) 256가지의 색을 두자리로 표현하기 위해서 16진수를 사용합니다. 16진수는 0부터 9까지의 10개의 숫자와 A부터 F까지 6가지의 스펠링을 합하여 16개를 사용하는 것입니다.

1. RGB Color 1) R : Red(빨간색), G : Green(녹색), B : Blue(파란색) 로 빛의 색이라 하며 포토샵의 표준모드입니다. 2) 빛의 색이기 때문에 색을 혼합하면 혼합할수록 흰색이 됩니다. (가산혼합) 3) R.G.B 색은 0~255까지 각각 256가지의 색을 갖습니다. (R:256, G:256, B:256 = 총 16,777,216가지) 4) 우리가 사용하는 모니터가 RGB Color를 이용한 색상이며 웹사이트의 색상 역시 RGB Color를 이용하여 만든 색상입니다. 2. CMYK Color 1) C : Cyan(남색), M : Magenta(자홍색), Y : Yellow(노란색), K : Black(검정색) 으로서 인쇄를 하기 위한 작업을 할 때 사용합니다. 2) 빛의 ..