보통 이미지 크기가 레이아웃을 깨뜨리지 않게 하기 위해서, .post img{width:100%}를 주기도 하죠. %는 상속되는 속성이기 때문에 가능하겠죠.

하지만, 이방법으로 고화질 이미지를 포스트에 넣는다면, 로딩 속도의 압박은 여전할 것입니다. 보편적인 썸네일 프로그래밍을 사용하는 게 좋지 않을까요?

한가지 궁금한게 있는데요.
img { width: 200px; height: auto; } 이거랑
img { width: 200px; } 이거랑 결과물은 같은데요.
꼭 auto같은걸 붙여줘야 하나요? 태클은 아니고 저는 이제까지 아래처럼 써왔었거든요…

읔… 삭제를 못하네요;
아래에 추가로 써놓으셨긴 한데 그게 정석이 맞는지 궁금해서 여쭤본 겁니다.

후니// 물론이죠 로딩의 압박 젤 싫어 하기도 하니까요.

N.com// 아뇨 오히려 간단한 width: 200px; 이 나을듯 싶습니다. :lol:
브라우저상의 문제도 업어 보입니다. 사파리에서는 확인을 안해봤지만 문제 없을거 같군요. 좀더 알아보기는 하겠습니다만 권장사항은 auto 를 넣기는 하는거였습니다. O’Reilly에 따르면요 ^^

웹에서 width, height 값을 넣어주지 않아도 브라우저는 이미지를 원래 크기대로 잘~ 뿌려줍니다.
단 그것의 값을 넣어주는건, 브라우저가 랜더링하는데 추가 계산 없이 주어진 값으로 랜더링 하기 때문에 속도가 조금 더 빨라진다고 볼수 있죠.

이미지 속성이 한족 값을 정해주면 그 비율에 마춰 resize되기때문에 한쪽 값만 넣줘도 됩니다. 단 브라우저는 그 비율을 계산하기위해 약간의 추가 시간이 더 필요하겠죠.

속도를 위해선 width, height 값을 넣어주는 습관을 갖는게 좋긴하지만, 요즘같이 빨라진 pc환경에선 눈으로 느낄만한 이슈가 되진 못하죠. 간편한게 최고~! 전 자동으로 들어가는것이 아니라면 거의 모든걸 생략하는… :lol:

맨날 유용한 자료만 눈팅하다가 첨 글남갑니다 ^^;;

height:auto에서 auto값은 넣지 않아도 됩니다.
설정에 대한 default값이 auto이기 때문에 지정하지 않으면 auto로 한다는 의미가 됩니당

네 default 값이라면 굳이 적을 필요가 없겠네요. 하지만 권하는 사항이긴 하니 올려드렸습니다. TJpark님댁에도 읽을거리가 많군요 ^^

cialis

cialis