포토 갤러리
1 개 비트 맵 이미지 :도 화소의 최소 단위는 크게 왜곡된다. 일반적인 형식은 JPG, GIF, PNG, BMP.
2. 벡터 이미지 : 벡터 모양, 색상의 요소와 기록 알고리즘, 수학 함수를 달성하기 위해. SVG는 형식, 확장 가능한 벡터 그래픽 (확장 가능한 벡터 그래픽)으로 표현. 다른 형식, 인공 지능, SWF, SVG, WMF, EMF, EP, DXF 형식을 CDR.
장점과 단점 :
1, 비트 맵, 다양한 색상 변화의 이점은, 편집 영역이 임의의 형상의 컬러 표시를 변경할 수있다. 큰 비트 맵 공간 단점;
도 2는 상관없이 크게 또는 왜곡없이 그렇게 회전 벡터의 장점, 단점은 다양한 색상을 선명한 이미지 효과를 입증하기 어려우며, 벡터 디스플레이는 다소 시간이 걸릴. 주로 벡터 그래픽 일러스트레이션, 텍스트에 사용, 자유롭게 로고 및 기타 그래픽을 확장 할 수 있습니다. 또한, 지원 벡터 형식의 응용 프로그램은 훨씬 더 많은 지원 비트 맵보다, 벡터 그래픽 브라우저와 편집기를 열 수 있도록 설계 전문 프로그램을 많이 필요로합니다.
(3) 벡터를 쉽게 비트 맵으로 변환 될 수있다. 반대로 매우 어렵습니다.
아이콘 형식
1, 이미지 형식의 사용, BMP, JPG, GIF, PNG 등의 파일 형식이 있습니다.
단점 : 크기를 변경 한 후, 톱니 효과가 나타날 수, 모양에 영향을 미칩니다.
2, 글꼴 아이콘, 당신은 사진에 색상, 글꼴 크기 및 다른 글꼴 스타일을 사용할 수 있습니다
폰트 + HTML 모드를 사용하여 (1), 또한 유니 참조라고도
(2) 또한 폰트 클래스 참조라고도 폰트 + CSS의 모드의 사용
(3) 기호 모드를 사용하여 (컬러 아이콘)
CSS는 스프라이트 (Sprite에 그림)를 사용하여 이미지의 페이지를 처리하는 방법입니다. 작은 이미지의 사용은 하나의 큰 그림으로 합병했다.
장점 : HTTP 요청의 수를 줄일 수 있습니다.
단점 : 백그라운드의 위치와 폭 및 높이를 설정하는 단계를 포함한다. 물론, 우리는 또한 해당 크기와 위치 정보를 얻기 위해 도구를 사용할 수 있습니다.
SVG 벡터 라이브러리 :
알리바바 벡터 아이콘 라이브러리 : HTTP : //www.iconfont.cn
HTTPS : 라이브러리 공식 웹 사이트 아이콘 icomoon //icomoon.io/app/#select