익스플로러 아이콘 깨짐 현상
본문
플라티콘에서 아이콘(PNG)을 다운받아 적용을 하니
크롬과 엣지에서는 잘나오지만 익스플로러에서는 깨짐현상이 나오는데요
혹시 이부분을 어떻게 해결해야 할까요?
아래 사진 있어요.
512px -> 24px (background-size:24px 24px로 적용)
[크롬] [엣지] [익스플로러11]
답변 2
이미지가 원 사이즈가 아닐경우 표현하는 방식의 차이입니다.
svg 아이콘으로 대체 하시면 좀 낫습니다.
익스는 원본사이즈가 500px 인데 24px로 줄이는건 그렇게 깨집니다.
그래서 익스는 원본사이즈 2배미만으로 줄여야 안깨져보입니다.
예를들어 24px로 줄이실거면, 원본이미지가 47px 정도로 2배인 48px 에서 1px 정도 빠지게 줄인후
다시 24px 로 줄여야 안깨져보입니다.
위에 말씀드린건 확실한 방법이고, 100px 에서 24px 로 줄여보는 작업도해서 찾아보세요.
결론은 원본이미지가 너무 큰 상태에서 리사이징하면 저렇게 깨집니다 ㅠ
퍼블 경험에서 나온거니 어느정도 신뢰성(?)은 있습니다 ㅋㅋ
답변을 작성하시기 전에 로그인 해주세요.