Apple만 다르게 보이는 이미지 만들기

Apple용 이미지

일반 기기용 이미지

도구설정

추가 압축하기

* '추가 압축하기'를 이용하면, 이미지 중간의 줄 개수를 줄일 수 있습니다.

도움말

사용법

1. Apple 기기에서만 보고싶은 이미지 파일을 불러옵니다.
2. 일반 기기 에서 보고싶은 이미지 파일을 불러옵니다.
3. 파일 다운로드 버튼(변환하기)이 활성화 됩니다!

도구설정 안내

• '추가 압축하기'는 이미지의 품질을 조금 떨어뜨려, 중간에 생기는 줄을 줄일 수 있습니다.

주의사항

• 이미지의 크기(너비, 높이)가 동일해야됩니다.

  
  

• PNG-8로 변환후 실행하면 이미지가 덜 깨집니다.

  파일이 크고, 색상이 다양한 경우 이미지에 줄이 많이 갑니다.

  
  

  포토샵으로 변환한다면

  1. 파일
  2. 웹용으로 저장
  3. PNG-8, 투명도 체크해제, "인터레이스 체크"

  이렇게 변환후 사용하시면 이미지가 덜 깨집니다.

  이렇게 변환한다면? 1920*1080 고해상도 이미지를 수백 KB로 만들 수 있습니다.

  하지만 정상동작을 위해 더 작은 크기를 권장합니다.

  
  

• 파일 크기가 클수록 변환에 시간이 오래걸립니다.

  이 툴은 최신 브라우저에서만 지원합니다.

  
  

• 카카오톡 전송시 원본으로 보내도 이용불가합니다. 이미지 처리과정이 있기 때문에 그렇습니다.

  이미지를 압축 처리하는 서버 기기가 Apple기기가 아니므로 일반 이미지만 보이게 됩니다.

  이미지 처리과정이 없이 원본으로 올라가는 방법을 활용시에만 제대로 보입니다.

  
  

• 대표적인 이미지 공유사이트인 imgur도 이미지 처리과정이 있습니다.

  네이버 카페의 경우 이미지 크기조절 처리 때문에 원본이 깨집니다.

  구글 드라이브와 드롭박스에서는 미리보기시에 깨집니다. 다운로드시에는 정상적용됩니다.

  
  

• 2021년 12월 현재 확인된 이미지 처리과정이 없어 정상적으로 공유되는 사이트

  • 네이버 블로그
  • ImgBB — 무료 이미지 호스팅 / 이미지 업로드
  • Postimages — 무료 이미지 호스팅 / 이미지 업로드 사이트

  이외에도 공유가능한 방법은 많습니다. 위 리스트는 이미지 공유 사이트 검색시 상단에 나오는 결과와 주로 쓰는 서비스를 작성하였습니다.

기타 안내

• 원리를 쉽게 소개하자면..?

  이미지는 원래 큰 파일로 확장자에 따라 다르게 압축되어있습니다.

  이 기능은 PNG에만 적용되는 방법입니다.

  
  

  분할 압축된 이미지(PNG)는 압축해제해야 볼 수 있는데, 분할 압축해제시 버그로 인해

  1. 분할된 압축 데이터를 하나로 만들어 해제
  2. 분할된 압축 데이터를 각각 해제후 하나의 파일로 결합 (Apple의 방식)

  두 과정의 결과를 다르게 임의로 데이터를 바꿀 수 있습니다.

  
  

• 파일명은 기본적으로 '일반 이미지'의 파일명으로 설정됩니다.

  
  

• 이 툴은 오래걸리는 코드를 실행하는데, 이용자가 많은 크롬계열(V8엔진) 브라우저를 기준으로 최적화 되어있습니다.

  • [주의] 파이어폭스와 같이 크롬계열이 아닌경우 실행속도가 몇 배 느릴 수 있습니다.
  • 크롬계열 브라우저 목록: 크롬, 엣지, 웨일, 오페라, 삼성 모바일 브라우저 등
  
  

• 애플이 압축해제 방식을 수정하면 해결될 문제입니다.

  추후 이 툴로 만든 이미지가 동작하지 않게될 수 있습니다.

이 툴은 DavidBuchanan314/ambiguous-png-packer 프로젝트(MIT License)를 보고 재미있어보여 만든 툴 입니다.

Python으로 제작되어있는데, 브라우저에서 파이썬으로 작성한 코드를 변환하는 과정이 생각보다 힘들어 3일간 매달려서 변환하였습니다.

일부 버그가 있으며, 웹툴로 변환이 안되는 경우 원본 파이썬코드로 변환시 정상작동하는 경우가 있습니다.

2022년 2월 9일 버그를 수정하여 파이썬 버전과 동일하게 동작합니다.