본문 바로가기

이미지

타이틀 이미지 디자인을 바꿔 보았습니다. 거참 최신 유행 쫒아가기 힘든 것 같네요 ㅎㅎ 디스플레이의 고해상도 화에 따라 자꾸 폰트가 얇아지고 있는데 어디까지 갈지 궁금합니다. 사실 이전부터 Hel Neue 25보면 진짜 이쁘다는 생각이 들었는데 최근에서야 얇은 폰트가 대세가 되니 약간 늦은 감도 없지 않아 있습니다. 홍텔이 25 폰트를 잠금화면 시계에 사용 했었지만 WVGA 시절에는 폰트의 자글자글 거림을 피할 수가 없었죠 -_- 더보기
요즘 유행하는 웹디자인 요소를 모두 적용해보았습니다. 아이폰테마와 블로그 스킨 페이지를 개편하면서 고정 배경 이미지와 풀스크린 이미지를 넣었습니다. 풀스크린 이미지 고정된 배경이미지 고정된 배경이미지는 뒷배경은 고정되어 있고 위에 있는 요소만 움직이게 하는 방법입니다. 무엇보다도 입체감을 살릴수 있다는 장점이 있지만 너무 많이쓰면 스크롤시 버벅거리고 정신이 사나워지는 단점이 있습니다. 풀스크린 이미지의 경우 웹브라우저의 가로 세로 넓이에 그대로 맞춰서 요소(element)를 생성하는 방식입니다. 전면에 원하는 사진을 꽉채워서 놓을수 있을 뿐만 아니라 스크롤을 아래로 내리면 내용이 보이게 할수 있고 무엇보다도 반응형 지원이 됩니다. 더보기
무손실 파일 압축도구 - File Optimizer 웹사이트의 로딩속도에 가장 많이 영향을 미치는 요소는 무엇일까요? 바로 이미지 입니다. 물론 복잡한 스크립트나, 플래시, 동영상이 들어간다면 이야기가 달라지겠지만 그런요소 만으로 사이트를 구성하는 경우는 거의 없습니다. (물론 플래쉬로 도배가 된 기업이나 공공기관 사이트 빼고요) 이 이미지를 압축하는 것 만으로도 웹사이트 속도향상에 큰 기여를 합니다. 오늘 소개해 드릴 프로그램은 File Optimizer 입니다. - 다운로드 링크 File Optimizer는 이미지 뿐만 아니라 아주 다양한 종류의 파일을 압축해주는 매우 강력한 프로그램입니다. IE6 이상의 최신 브라우저에서는 대부분 통용되고 있는 요소인 PNG는 적게는 1%, 많게는 50%까지 압축을 통하여 용량을 줄일 수 있습니다. 게다가 압축을해도.. 더보기