Wulin.com의 기사 소개 (www.vevb.com) : 톱니 모양의 PNG 사진 최적화.
이미지를 처리하는 작은 방법을 기록해 봅시다.
이것은 스프라이트 배경 이미지입니다. 쉬운 데모를 위해 배경을 검은 색으로 설정했지만 실제로는 투명한 배경입니다.
최적화 전에 그림은 톱니가 더 많이 들었습니다. Weimei의 제안에 따르면 솔루션은 다음과 같습니다.
같은 크기 (20px*19px) 선택 영역의 사각형을 그리고이 그림과 정렬하십시오.
역 선택.
추가 부품을 삭제하십시오. 가장자리를 다듬는 것과 같습니다.
마지막으로, 이미지는 알파 투명 PNG8 형식으로 내 보냈다. 좋아, 최적화가 성공적이었다. 먼저 그림을 압축 한 다음 사용하는 것을 잊지 마십시오.
그건 그렇고, 유량 차트를 알려 드리겠습니다.
이 물 액적 같은 둥근 모양도 얽혀 있습니다. 다행스럽게도, 그것이 위치한 배경은 흰색이므로 흰색 배경으로 자르면 재깅에 대해 걱정하지 않습니다.
이 배경 이미지는 3 픽셀 테두리에 위치하도록 작성되었으므로 테두리와 겹치는 부분은 투명하게 설정됩니다. 이렇게하면 시각적 효과에 영향을 미치지 않습니다. 하하.