WEBDIR

thumbnail 검색 결과

해당 글 3건

CSS로 유동적인 컨테이너 너비에 기반한 이미지 비율 유지, 가운데 정렬, 자르기

이미지 요소나 비디오 요소를 특정 비율에 맞춰 확장 또는 축소되길 원할때 사용되는 기법에 대한 설명입니다. 스크립트의 사용없이 오직 CSS만을 이용하여 이를 구현해보며 원리의 이해를 돕습니다. 이미지 비율 유지 이미지의 비율을 유지하면서 크기 조정을 하는 방법은 이미지의 너비와 높이 둘 중 어느 하나를 auto 값을 유지한 채로 크기 조정을 하는 것이다. 흔히 반응형 이미지에 사용되는 방법은 아래와 같다. img { max-width: 100%; height: auto; } 반응형 이미지의 너비를 자유롭게 조정하기 위해서 이를 감싸는 컨테이너를 추가 해주고 적절한 너비를 부여하면 아래와 같다. .thumbnail-wrappper { width: 25%; } img { max-width: 100%; hei..

웹코딩/CSS 2015. 11. 26. 03:33

썸네일(PSD, Ai, EPS 미리보기) - SageThumbs

Adobe 계열의 제품을 사용하는 분이라면 PSD(포토샵), Ai(일러스트), EPS 같은 확장자에 익숙합니다. 이는 탐색기에서 미리보기를 지원하지 않아 다수의 파일을 확인하려면 이미지뷰어등을 설치하고 이를 매번 실행해서 이미지의 위치를 찾아가는 불편함을 감수해야 합니다. 이 글에서 소개할 SegeThumbs를 사용하면 무료로 이 불편함을 날려버릴 수 있습니다. SageThumbs 소개 SageThumbs는 윈도우 탐색기에 많은 이미지 포맷을 미리볼 수 있게 해주는 쉘 확장(Shell Extension) 기능이다. GNU General Public License version 2.0 (GPLv2) 라이센스를 가지기에 기업이든 어디든 무료로 이용가능하다. HOME cherubicsoft - SageThum..

윈도우즈/Windows 일반 2015. 5. 27. 13:00