비디오: PSD TO HTML [proweb 09 css] - 푸터 스타일, 폰트어썸, 폼의 스타일 설정하기 2025
배경 그래픽을 사용하면 동일한 WordPress 테마를 사용하는 다른 사이트와 사이트를 쉽게 구분할 수 있습니다. 사이트의 배경 그래픽을 찾는 것은 컴퓨터의 바탕 화면 배경을 찾는 것과 같습니다. 사진, 추상 미술 및 반복 가능한 패턴과 같은 다양한 배경 그래픽을 사이트에서 선택할 수 있습니다.
웹의 CSS 갤러리 (예: CSS 드라이브 및 CSSelite)를 확인하면 새롭고 다양한 배경 그래픽에 대한 아이디어를 찾을 수 있습니다.
이러한 사이트는 도난이 아닌 영감을 위해서만 사용해야합니다. 외부 소스의 이미지를 사용할 때는주의하십시오.
귀하는 귀하의 사이트에서 사용하기 위해 명시 적 허가 또는 재사용 라이센스를 통해 귀하에게 부여 된 그래픽 및 이미지만을 사용하고자합니다. 이러한 이유로 세 가지 온라인 그래픽 사이트와 같은 평판 좋은 출처에서 그래픽을 구입하십시오: iStockphoto:
- iStockphoto는 광범위한 스톡 사진, 벡터 일러스트레이션, 비디오 및 오디오 클립 및 Adobe Flash 미디어 라이브러리를 보유하고 있습니다. 계정에 등록하고 이미지 파일의 라이브러리를 검색하여 자신이나 고객에게 가장 적합한 이미지 파일을 찾을 수 있습니다. iStockphoto에서 사용하는 파일은 무료가 아닙니다. 당신은 그들에게 돈을 지불해야합니다. 사용하는 각 이미지의 라이센스를 읽어야합니다.
Dreamstime:
- Dreamstime은 스톡 사진 및 디지털 이미지의 주요 공급 업체입니다. 계정을 등록하고 디지털 이미지 제품 라이브러리의 거대한 라이브러리를 검색하십시오. Dreamstime은 때때로 무료 이미지를 제공하므로 눈을 피하십시오! 또한 Dreamstime은 이미지 파일에 대한 라이센스가 서로 다르기 때문에주의를 기울여야합니다.
GraphicRiver:
- GraphicRiver는 Adobe Photoshop 이미지, 디자인 템플릿, 텍스처, 벡터 그래픽 및 아이콘과 같은 재고 그래픽 파일을 제공합니다.선택 폭이 넓어 그래픽 파일을 다운로드하고 사용하는 데 드는 비용이 최소화됩니다. 모든 그래픽 및 이미지 라이브러리와 마찬가지로, 법적 조건을 준수하는지 확인하려면 각 파일에 첨부 된 사용 약관 또는 라이센스를 읽으십시오.
무료 그래픽을위한 또 하나의 훌륭한 자원은 Smashing Magazine입니다. 그래픽 섹션의 공짜를 클릭하여 사이트의 텍스처 및 배경 화면과 같은 무료 그래픽 (자주 재사용 할 수있는 그래픽)을 찾으십시오.
배경 그래픽을 가장 잘 사용하려면 몇 가지 간단한 질문에 답해야합니다.
사용할 배경 그래픽 유형은 무엇입니까?
- 반복적 인 패턴이나 질감, 예를 들어 비즈니스에있는 물건의 흑백 사진을 원할 수 있습니다. 배경 그래픽을 브라우저에 어떻게 표시 하시겠습니까?
- 브라우저 창에서 배경 이미지를 바둑판 식으로 배열하거나 반복하거나 게스트 브라우저의 크기에 상관없이 특정 위치에 고정 할 수 있습니다. 이러한 질문에 대한 답은 테마 디자인에 배경 그래픽을 설치하는 방법을 결정합니다.
웹에서 그래픽 작업을 할 때 GIF, JPG 또는 PNG 이미지 형식을 사용하십시오. 차트, 라인 아트 및 로고와 같은 색상 수가 적은 이미지의 경우 GIF 형식이 가장 효과적입니다. 다른 이미지 유형 (텍스트 및 이미지가있는 스크린 샷, 혼합 된 투명도 등)의 경우 JPG (JPEG라고도 함) 또는 PNG를 사용하십시오.
웹 디자인의 경우 각 이미지 파일 형식의 특성을 통해 사이트에서 사용해야하는 파일 형식을 결정할 수 있습니다. 가장 일반적인 이미지 파일 형식과 특성은 다음과 같습니다.
JPG:
- 웹 디자인 프로젝트에서 사용되는 사진과 작은 이미지에 적합합니다. JPG 형식은 손실 압축으로 압축되지만 JPG 형식으로 파일을 저장할 때 압축을 조정할 수 있습니다. 즉, 발생하는 압축의 정도 또는 양을 1에서 100까지 선택할 수 있습니다. 일반적으로 1에서 20까지의 압축 수준에서 많은 화질 손실을 볼 수 없습니다. PNG: > 웹 사이트의 전체적인 모습을 나타내는 데 도움이되는 로고 또는 기본 헤더 그래픽과 같이 웹 디자인에 사용되는 큰 그래픽에 적합합니다. A
- . png 파일은 무손실 이미지 압축을 사용합니다. 따라서 압축 도중 데이터 손실이 발생하지 않으므로보다 선명하고 깨끗한 이미지를 얻을 수 있습니다.
를 작성하고 저장할 수도 있습니다. png
파일을 투명 캔버스에 넣습니다.. jpg
파일에는 흰색 캔버스 또는 사용자가 지정한 다른 색상이 있어야합니다.GIF:
단순한 이미지를 몇 가지 색상으로 표시하는 데 적합합니다. 압축. GIF 파일은 무손실입니다. 따라서 이미지 품질을 저하시키지 않으면 서 디자인 한 방식대로 이미지가 렌더링됩니다. 그러나 이미지가 256 색 이하를 사용하면 무손실 품질로 압축됩니다. 더 많은 색상 (더 높은 품질)을 사용하는 이미지의 경우 GIF는 사용할 수있는 최고의 형식이 아닙니다. 색상이 많은 이미지의 경우 대신 PNG 형식으로 이동하십시오.
