소셜 미디어 웹 디자인 : 색상을 제한하여 이미지 크기 줄이기 - 더미

웹 디자인 : 색상을 제한하여 이미지 크기 줄이기 - 더미

비디오: 포토스케이프(Photoscape X)로 스마트스토어 상세페이지 상품등록 사진(이미지) 만들기 #1 2025

비디오: 포토스케이프(Photoscape X)로 스마트스토어 상세페이지 상품등록 사진(이미지) 만들기 #1 2025
Anonim

. 또한 이러한 모든 색상을 포함하는 이미지는 웹 전송에 비해 실제 파일 크기가 더 클 수 있습니다. 이것은 이미지 컬러 비트 깊이, 컬러 팔레트 및 모니터 디스플레이에 대한 논의로 이어지며이 모두는 웹 사이트 디자인 기술에 중요합니다.

비트

는 컴퓨터 정보의 아주 작은 부분입니다. 너무 기술적이지 못하면 이미지에 색상을 표시하는 데 많은 비트가 필요합니다. 이미지에 포함 된 색상이 많을수록 데이터 비트 수가 많아 지므로 비트 심도 가 커집니다. 제작하는 웹 이미지는 궁극적으로 웹 사이트와 관련된 비트 심도를 가지며 웹 파일 형식마다 비트 심도를 다르게 사용해야합니다. 컴퓨터는 8 비트의 데이터를 사용하여 256 색을 표시합니다. 빨강, 초록 및 파랑의 기본 색상은 각각 256 단계입니다. 8 비트 이미지가 단조롭고 모든 256 개의 가능한 수준의 빨간색을 표시한다는 의미입니까? 대답은 '아니오'입니다. 8 비트 이미지는 단순히 최대 256 색의 제한된 팔레트를 사용합니다. 이 색상들은 모두 16, ​​777, 216 색상의 하위 세트입니다. 표는 색상 비트 수와 팔레트에 각각 가질 수있는 최대 색상 수를 표시합니다.

비트 수

수학 수 팔레트의 색상 수

1 비트 2 1
2 2 비트의 2 2
4 3 비트 2 3
8 4 비트 2 4
16 > 5 비트 2 5 32
6 비트 2 6 64
7 비트 2 7 128 < 8 비트
2 256
은 파일 크기를 작게 유지하기 위해 이미지의 색상 수를 줄일 때, 당신은 주어진 비트 심도의 최대까지 색상의 수를 선택할 수 있습니다. 일반적으로 이미지를 렌더링하는 데 가장 적합한 색상 집합을 선택합니다. 예를 들어, 단지 200 색의 사용자 정의 팔레트를 선택할 수 있습니다. 이미지는 여전히 8 비트이지만, 그것의 팔레트에 200 색상을 사용하기 때문에, 파일은 8 비트 이미지에 허용 색상 (256)의 최대 수를 사용하는 경우는 것보다 작다.
다음 번 이미지의 색상 팔레트를 줄이고 실험과 품질, 파일 크기 및 다운로드에 차이를 비교하기 위해 어도비 불꽃 놀이 같은 그래픽 편집기를 사용하는 방법은 다음과 같습니다 시작 불꽃 놀이. 메뉴 바에서 파일 → 열기를 선택하십시오. 컴퓨터에있는 사진 이미지로 이동하여 파일을 엽니 다.
문서 창 상단에는 몇 가지 아이콘이 있습니다.4-Up 아이콘을 클릭하면 이미지보기가 4 개의 패널로 분할됩니다.

Fireworks에서는 다양한 팔레트 및 파일 형식 설정을 나란히 비교할 수 있으므로 품질과 다운로드 속도를 비교할 수 있습니다.

오른쪽 위 사분면을 클릭하여 선택하십시오. 창 메뉴에있는 최적화 패널을 엽니 다.

  1. 이미 화면 오른쪽의 패널 모음으로 열려있을 수 있습니다.

  2. 최적화 패널에서 GIF 형식, 적응 형 팔레트 및 256 색 옵션 (8 비트 색상 표)을 선택합니다.

    왼쪽 하단 사분면을 클릭하고 최적화 패널에서 GIF 형식과 Adaptive 팔레트를 선택합니다.하지만 이번에는 64 색만 선택합니다.

  3. 이미지 품질이 저하되었음을 확인하십시오.

    오른쪽 아래 사분면을 클릭하고 최적화 패널에서 JPEG 형식을 선택하고 품질을 60 %로 설정합니다.

  4. 이 연습에서는 원본 이미지 (왼쪽 위 사분면)에서 두 GIF 형식 사분면으로의 품질 차이가 눈에 띄어 보이지만 제한된 수의 색을 얻을 수 있습니다. 낟알 모양을 디더링이라고합니다. "점 시술과 마찬가지로 제한된 색상 팔레트의 서로 다른 색상을 서로 가까이에 배치하여 누락 된 색상의 효과를 시뮬레이션합니다 (노란색과 빨간색 점을 나란히 배치하여 오렌지색을 시각적으로 혼합하는 것과 같습니다).

    JPEG 형식은 축소 된 색상 표를 사용하지 않습니다. 그것은 단순히 24 비트 이미지에 압축 스키마를 부과합니다. 이미지에 따라 때로는 JPEG 형식이 최상의 품질과 최상의 다운로드 시간을 제공하며 때로는 GIF 형식이 가장 적합합니다. Fireworks에서이 테스트를 수행하면 여러 설정을 빠르게 비교할 수 있습니다.

웹 디자인 : 색상을 제한하여 이미지 크기 줄이기 - 더미

편집자의 선택

C ++에서 코드 삽입을 피하는 방법 - 더미

C ++에서 코드 삽입을 피하는 방법 - 더미

C ++ 프로그램에 코드 삽입을 피하는 첫 번째 규칙은 결코 이제까지 범용 언어 인터프리터로 사용자 입력을 처리 할 수있었습니다. SQL 인젝션의 일반적인 오류는 프로그램이 항상 받아 들일 수있는 것처럼 사용자 입력을 받아들이고 SQL 쿼리에 삽입하여 그 결과를 전달한다는 것입니다.

C ++ 프로그래밍에서 오류를 소개하는 것을 피하는 방법 - C ++에서 오류를 수정하는 가장 쉬운 방법은

C ++ 프로그래밍에서 오류를 소개하는 것을 피하는 방법 - C ++에서 오류를 수정하는 가장 쉬운 방법은

처음부터 프로그램에 삽입하는 것을 피하는 것입니다. 이 부분은 경험의 문제 일 뿐이지 만 명확하고 일관된 프로그래밍 스타일을 채택하면 도움이됩니다. 스타일로 코딩 인간은 귀 사이의 CPU 전력이 제한되어 있습니다. 당신은 ...

C ++에서 구조 템플릿을 작성하는 방법 - 더미

C ++에서 구조 템플릿을 작성하는 방법 - 더미

구조 템플릿에는 생성 특정 유형에 의존하지 않는 데이터 저장소. 여기에있는 StructureTemplate 예제는 이러한 용도 중 하나를 보여줍니다. #include using namespace std; 템플릿 구조체 볼륨 {T 높이; T 너비; T 길이; 볼륨 () {높이 = 0; 폭 = 0; length = 0;} ...

편집자의 선택

ACT 수학 연습 문제 : 확률 - 더미

ACT 수학 연습 문제 : 확률 - 더미

ACT 수학 시험에 하나 또는 확률을 다루는 더 많은 질문. 또한 다음과 같은 연습 문제를 해결할 경우 해당 질문에 대한 답이 올바르게 개선 될 가능성이 큽니다. 연습 문제 Sheila는 검은 색 양말 4 개와 해군 양말 2 개를 가지고 있습니다.

ACT Practice Math Questions : 대수 - 인형

ACT Practice Math Questions : 대수 - 인형

대수가 Macarena를 할 수있는 나무라고 생각한다면 ACT Math 시험에 응시하기 전에 공부를하고 싶을 수도 있습니다. 그런 다음 두 가지 방정식을 풀기 위해 대수의 속성을 사용해야하는 다음 연습 문제를 다시 풀 수 있습니다. 연습 문제 : ...

ACT 연습 수학 질문 : 비율 - 더미

ACT 연습 수학 질문 : 비율 - 더미

ACT Math 시험에서 오답이 0이 아닌 경우, 당신은 확실히 당신의 비율 기술을 다듬어야합니다. 다음 연습 문제에서는 비율을 사용하여 두 숫자의 가능한 배수를 결정한 다음 올바른 비율을 계산합니다.

편집자의 선택

소셜 미디어 최적화 : Snapchat으로 단어 확산 - 더미

소셜 미디어 최적화 : Snapchat으로 단어 확산 - 더미

2014는 Snapchat로 사용자가 사진이나 동영상 메시지를 보낼 수있는 모바일 앱으로, 시청 한 후 1 ~ 10 초 후에 자동으로 사라집니다. 컴퓨터 시대로 업데이트 된 고전적인 임시 매체입니다. Snapchat에 대한 멋진 점은 시간 요소를 제외하고는 ...

소셜 미디어 최적화 : 스키마 감각 만들기. Org - dummies

소셜 미디어 최적화 : 스키마 감각 만들기. Org - dummies

소셜 미디어 최적화 전략에는 스키마에 대한 이해가 포함되어야합니다. Org. 개요. org는 Google, Microsoft 및 Yahoo!에서 공포 한 구조화 된 데이터 마크 업 시스템입니다. . 이 시스템은 검색 엔진이 검색하는 웹 페이지의 정보를 이해하고보다 풍부한 검색 결과를 제공 할 수 있도록 설계되었습니다. 이 개념은 ...

소셜 미디어 최적화 도구 - 인형

소셜 미디어 최적화 도구 - 인형

소셜 미디어의 끊임없이 변화하는 세상에서 현재를 유지하는 것이 소셜 미디어 최적화 전략. 미니 홈피는 2005 년부터 2008 년까지 최대 규모의 소셜 네트워킹 사이트였으며 Google도 한 때를 능가했습니다. 그러나 불과 6 년 후, Myspace는 가장 많이 방문한 웹 사이트 목록에서 392 위를 차지했습니다.