png hack 교체

Written on 2005.07.13, 2:59 am by jay

tux님의 말씀처럼 바보브라우저때문에 마음껏 쓰지도 못하던 png를 그동안은 이방법을 사용해서 해결해 왔다. 문제점이라면 <img>태그안의 png만 지원해준다는점인데 Hooney님께서 알려주신 방식으로 바꾸고 나니 <img>는 물론이고 css의 background까지 지원해준다. php로 되어있기때문에 눈에 거슬리는 hack코드도 보이지 않을뿐더러 빠르기까지하다. 대략 감격의 눈물이…ㅠㅠ

하지만 패치후 바보브라우저에서 소스를 보고있자니 ‘내가 왜 이렇게 까지 해서 바보브라우저의 바보스러움을 애써서 감춰줘야하는건가?’ 하는 회의감이 밀려오고 있다.

바보는 바보인채로 살게 해주는게 좋은걸까나?

그래도 애써서 적용했기에 일부러 찾아본 png hack의 좋은점 1개. 익스에선 이미지를 1px png로 교체해 버리기 때문에 이미지 hot-link를 막는데 도움이 된다! :)

방금 확인해보니 background로 쓰였을때 정확한 사이즈가 아니면 이미지의 왜곡이 생겨버린다. 물론 바보브라우저에서.

4 Comments to “png hack 교체”

  • 신현석

    No.1 / 2005.07.13, 10:28 am

    PNG 는 이게 좋은 것 같아요.
    이렇게 javascript 를 이용한 hack 이 저는 가장 마음에 드는 군요.

    http://dean.edwards.name/IE7/
    http://dean.edwards.name/IE7/compatibility/png.html

  • ceprix

    No.2 / 2005.07.13, 11:03 am

    안녕하세요, 제이님?

    다른 분들 블로그에서 아이디는 종종 봤었는데 글은 처음 남기는 것 같네요. 블로그 디자인이 산뜻하고 상당히 독창적이네요. 게다가 같은 WP 사용자로서 정말 반갑네요. ㅎㅎ

    저도 용량이 적은 이미지 파일을 쓸 때에는 GIF보다 PNG를 선호하는 편입니다. GIF은 색상 한계도 있고, 알파 채널을 PNG처럼 자유로이 쓰지 못하는 단점 때문이죠. 하지만 저도 약 1년 정도 전에 웹 디자인에 별로 관심이 없을 때에 알파 채널이 들어간 PNG 이미지가 IE에서만 왜 틀리게 나오는 지 이유를 알지 못했습니다. IE만 사용하는 사용자 입장에선 IE의 버그가 아니라 웹싸이트의 버그로 착각하기 쉬울 겁니다. 그래서 아무리 바보 브라우저라도 사용자 입장에서 신경을 써줄 필요는 있다고 봅니다.

    뭐, 개인적으로 전 IE에 개의치 않고, PNG 파일을 제 블로그에 마구 쓰고 있지만요. ㅎㅎ 블로그 잘 구경하고 갑니다. ^^;

  • Hooney

    No.3 / 2005.07.13, 12:31 pm

    헉. 제가 따로 사용기를 쓸 필요가 없겠네요~ (제이님 thanks~)

    위에 현석님이 추천한 png 핵도 좋은데, 소스포지.넷에서 ie7의 요효성에 대해서 많은 말들이 있더라구요. 저도 사용했었는데, 잘 안되는듯한.. ^^;;

  • jay

    No.4 / 2005.07.13, 4:55 pm

    현석님: 이게 그 전설의 IE7스크립트군요. 다운받아보니 이것참 엄청난 양이군요 :shock:
    좋은 링크 감사드립니다

    ceprix: 안녕하세요 저도 종종 ceprix님 blog에 가곤하는데 이렇게 먼저 인사를 해주셔서 감사합니다. IE의 png미지원은 다분히 의도적이었다는 생각마저 들정도입니다만 늦게나마 지원해준다니 다행입니다. 디자이너에게 alpha-png는 축복이죠 ;)

    Hooney: 하핫! thanks가 아니라 버럭~으로 읽히는 이유가 뭘까요… -ㅂ-;;;

Archives...