이미지 처리하는 방법(배경색을 입히고 이미지 그리기)

이미지를 처리하는 방법의 결론은 좀더 빠르고 , 가벼운 이미지를 사용하는것입니다. 거기에 접근하는데에 무리가 없어야 한다는 점이죠.

또한 .png 확장자를 이용할때는 ie 6 때문에 투명배경을 사용하지않고 배경색을 입혀서 사용합니다.

배경색을 사용하지 않았을때 ie6 에서 보여지는 것을 예제로 보겠습니다.

아래 이미지중 위의것은 이미지를 만들때 배경색을 입혀서 만든것이고 , 아래것은 배경을 투명하게 해서 만든것입니다.

그리고 ie 6 으로 본것입니다. 물론 다른 브라우져는 똑같이 보여집니다.

이는 많이 사용하는 둥근 버튼의 경우에도 적용됩니다.

한가지 예로 제 블로그에 사용되는 이미지에는 모두 배경색이 적용된다음 그 위에 이미지가 그려진 것입니다.

위의 3자가 만들어진 것을 포토샵으로 보시면 도움이 되실겁니다.

투명한 배경

배경을 입힌것

이런식으로 배경을 입히고 그 위에 이미지를 만들면 ie에서도 회색 배경이 보이지가 않지요.

제 블로그 배경이미지를 패턴으로 만든후 바닥을 먼저 패턴으로 채웁니다.

그다음 이미지를 제작하는 방식이지요.

올려진 패턴이미지는 아래것입니다.

이처럼 패턴으로 배경을 먼저 만듭니다.

아래 이미지는 배경을 패턴으로 만든후 절반이상 칠한다음 두개의 둥근 사각박스를 그려보았습니다.

이처럼 둥근부분은 배경색으로 채워졌기때문에 ie 6 에서도 다른 브라우져와 같이 동일하게 보여진다는 것입니다.

demun(대문블로그)