사용자 경험 사이트: 이미지 형식 선택 및 사용자 경험

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

이것은 때때로 알고 보 니, 블로그를 작성 하는 시간 내 10 년, 그것은 매우 재미 있는 것 같아요. 불가 사의 한 때문일 것 JPEG 압축 알고리즘을 볼 수 있지만 안개를 참조 하십시오. 왜에 대하여 생각 하십시오 그리고 포맷의 이렇게 많은 사진을? 그리고 B/s의 소프트웨어 개발에 어떤 형식, 어떤 형식, 어떤 형식으로 로고 그림, 배경 사진 등 형식으로 C/s 프로젝트와 프로젝트. 그래서 텍스트를 썼습니다. 오늘 꺼내 다시 편집, 어떻게 생각 하면, 오래 된 뚱뚱한 매우 성실한 희망 당신과 함께 의사 소통을 모른다.

우리는 범위를 설정 하 고 일반적인 GIF 비교이 일을 쓰기, PNG, JPEG 3 형식을 지정 합니다.

첫째, 세 가지 형식의 비교에 살펴보겠습니다.

위의 일반적인 형식 대비의 3 종류에 대 한 사실, BMP와 다른 형식 이지만 우리는 시간의 디자인이 형식이 하지 특히 많은, 그래서 어떻게 할 말, 하지만 솔직히이 포맷은 여전히 좋은 때문에 파일을 압축 하지 않습니다 하지만 다른 포맷의 동일한 그림은 훨씬 더 큰 그래서 페이지에서 실제로 사용 하 여 상대적으로 몇 가지. 또한 JPEG 포맷 JPG, 그것은 같은 일 이지만 순전히 사용에서의 관점은 한 가지 사실, 만약 JPG JPEG 파일 교환 형식 인코딩된 이미지 파일 이름 확장명에 저장 된를 사용 하 여 많은 사람들이 생각. JPEG 압축 표준입니다.

우리가 정의 장단점 이러한 세 가지 형식의 이해, 우리 때 이러한 세 가지 형식을 사용 해야 합니까?

오래 된 비료를 사용 하 여 GIF 그림은 그냥 컬러 블록 또는 텍스트 단색, 경우 그것은 볼륨을 줄일 수 있기 때문에 고려할 수 있습니다 제안 합니다. 하지만 다른 한편으로, PNG는 GIF 형식에 정말 좋은 대신 하는 것 라고 할 수 있다. 동일한 성능, PNG의 작은입니다. 그래서이 경우에 당신은 PNG를 사용할 수 하 고 GIF를 사용 하지 마십시오. 누군가 말했다, 당신은 단지 우리가 사용 PNG 좋은 말을 너무 많은 말도 말한다. 그러나 그 사용자가 직면 하 고 있는 제품을 디자인 하는 경우 그들은 보통 사용은 구식 브라우저 또는 비 지능형 기계 같은 일부 오래 된 모바일 장치를 고려 하십시오. 또는 컴퓨터를 가난한 이미지 품질입니다. 당신은 여전히 이러한 오래 된 개체는 PNG를 지원 하지 않는 때문에 GIF를 사용 해야 합니다. GIF는 더 이상 256 색. 사진 전환 색상의 많은 경우, 그라디언트, 등 여전히 해야 PNG를 선택 합니다.

JPEG png 대 요?

JPEG은 로드할 수 빠른 네트워크에 압축 후 때문에 색상이 많은 사진을 저장 하는 데 적합 합니다. 다음 이미지는 그래픽 또는 텍스트를 포함 하는 경우 PNG를 고려할 수 있습니다 반대로. 그렇지 않으면, JPG 압축이 된다 더 모호한.

우리 혼자 밖으로 서는 사실 JPEG에 대 한 일부 학생 들은 그 수 있습니다 하지 알고,이 것 실제로 저장 하는 두 가지, 하나는 표준 형식, 새 이야기를 알고 있습니다 말 기준 jpeg, 진보적인 형식이 진보적인 JPEG. 이 쌍둥이의 쌍, 모든 것은 동일 합니다, 하지만이 동생 같은 장소 아니다 하더라도 우리가 사는 같은 많은 쌍둥이, 또한 반드시 다른 장소, 그 ~ ~ ~ ~ ~ ~ ~ ~ ~

JPEG 파일의 표준 종류는 위에서 아래로 스캔 하는 방식으로 저장 됩니다. 각 행의 순서는 파일에 저장 됩니다. 이 파일을 열 때 위에서 저장 된 순서 대로 아래에 표시 됩니다. 모든 때까지 엽니다. 그래서 만약 당신이 큰 파일이 나 사용자 네트워크, 상상 효과. 사실,이 디스플레이 좀 너무 많이 하지 않습니다. 그래서 후자 추천 합니다.

진보적인 형식은 여러 스캔 합니다. 전체 그림의 개요는 당신이 그것을 열 때 처음 표시 됩니다. 그리고 여러 검사, 그림 아이디어의 선택을 취소 합니다. 이 혜택은 말할 필요도 없이, 그리고 사용자가 그림 인지는 개요를 사용할 수 있습니다. 만약 당신이 큰 그림, 이것을 고려 하십시오.

두 가지 방법으로 비교, 사용자 경험 많이 개선 되지 않으면, 후자에서 보면? 사실, 그것은 단지 약간의 트릭, 가요? 하지만 사용자 경험 이란? 전: 깨진된 것의 어떤 종류 아, 반나절, 스트립, 또는 회전 해제 해제! 후자:이 봐, 밖으로 나와 서 한 상자 잠깐, 더 명확 하 고, 흥분 아!이, 그리고 우리는 사용자 경험의 연구에서 및 진행률 표시줄의 진실은 비슷한?

물론, 사진을 JPEG 표준 형식인 경우 진보적인 형식으로 변환 하려면, 당신은 이것을 할 수 있는: PS에는 사진을 열고

웹 형식으로 저장 하 고 "연속" 틱은 진보적인.

이 문서를 작성 결국, 사실이 디자이너 또는 당신이 생각 하는 제품 매니저, 볼 수 있지만 말을 치수의 사용에서에서 더 적용할 디자이너. 그러나 우리가 보는 현상을 통해 물질. 그림을 사용 하는 방법을 귀하의 제품의 사용자 경험에 큰 영향을 있을 수 있습니다. 말할 필요도 없이, 다른 제품의 디자이너 자신의 감정을 해야한다 확실히 하는 것이 믿습니다. 그래서 사용자 경험 범주에 여전히이 문서를 주는 거 야. 우리의 제품 매니저,이 기본적인 지식을 명확 해야 한다. 오래 된 지방 굳게 제품 관리자의 완벽 추세를 가진 심장만 정말 좋은 제품을 디자인 할 수 있을 것입니다는 자주 일종의 "그것을 확인, 수", 같은 제품 관리자 하지 않아도 좋은, 나 처럼 하지 않습니다 또한, 싶지 않아 아무것도.

추 신: 추가 탐험 하고자 학생 들이이 문서, 매우 좋은 http://ued.taobao.com/blog/2010/12/jpg_png/#2-1 참조할 수 있습니다