본문 바로가기

.jpg

(3)
input file accept 와 사진/동영상/안드로이드 input 태그에 type 이 file 인 경우, 찾아보기 대상을 조정할 수 있는데.. accept 속성이 이런 일을 함. 그런데, 짧게 기술한다고 accept="image/*" 라고 기술하면.. 애플의 경우 '사진 보관함', '사진 또는 동영상 찍기', '파일 선택', 안드로이드의 경우 '카메라', '카메라/캠코더', '파일' 등을 선택할 수 있게 된다. 여기서, '동영상' 이나 '캠코더' 기능을 없애려면.. 'image/*' 를 없애고, 필요한 이미지의 확장자를 기술하면 된다. accept=".jpg, .png" 애플의 경우 '사진 보관함', '사진 찍기', '파일 선택', 안드로이드의 경우 '카메라', '찾아보기' 등을 선택할 수 있게 된다. 물론, os 버전에 따라 상이할 수는 있다.. Andro..
이메일 발송시, 자바스크립트/플래시/object/iframe/frame 등은 불가, in-line css 만 사용, 그리고.. 이메일 발송시 자바스크립트는 절대로 정상작동하지 않는다고 생각하세요. object 나 activeX 를 구동하는 태그는 사용 불가합니다. iframe 이나 frame 도 어떤 웹메일 사이트에서는 절대 작동하지 않습니다. CSS 를 사용할때 in-line CSS 만 사용하세요. 그렇지 않으면 정상적인 레이아웃이 나오지 않을 수 있습니다. css 에서 background:url('...') 로 세팅하는 이미지는 Gmail 에서 정상작동하지 않습니다.
사이즈가 정해지지 않은 일반적인 이미지는 긴 쪽의 사이즈가 500px 이고 압축률이 70% 이상인 .jpg 가 적당 서버에 생성되거나 등록된 사진은 필요시 후보정을 하여야 서버의 부하를 막을 수 있습니다. 원본 이미지를 웹서비스로 이용할때, 요즘 디카나 스마트폰에서 많이 사용하는 타입이면 1MB 를 훌쩍 넘깁니다. 목적에 맞게 가로/세로 사이즈나 .jpg 를 사용하는 것이 좋아요. 특별히 가로/세로 사이즈가 정해져 있지 않다면, 가로 세로 중에서 긴 쪽의 사이즈가 500px 을 넘지 않는 것을 추천합니다. 최근에는 .png 의 등장으로 손실되지 않으면서 압축이 되지만, 아직은 .png 가 대중적이지 않다고 보여집니다. 아무래도 인터넷 익스플로러(IE) 6.x 가 많이 사용되기 때문이지요. .png 는 손실 압축이 되지 않기 때문에, 70% .jpg 보다 파일 사이즈가 큽니다. .gif 는 색상이 256 가지로 한정되어..