본문 바로가기

Favicon Image Add to Django Admin Site 장고 어드민 사이트 (Django Admin Site)에 파비콘 이미지를 추가하는 방법을 요약해봤어요. 1. templates/admin/base_site.html 을 만들어서 원래 django에서 제공하는 base_site.html 내용을 그대로 붙여넣습니다. base_site.html의 위치는 ......../lib/python2.7/site-packages/django/contrib/admin/templates/admin에 있습니다. python 버전이나 virtualenv 환경에 따라서 약간 다를 수 있지만 django 아래 부터는 동일할거에요. 열어보시면 아래 그림과 같습니다. 물론 여기에 있는 코드를 고치면 되겠지만 서버로 배포할 때에는 또 서버에서 수정해야 하니까 불편하죠. 그래서 여러분의 .. 더보기
웹 이미지 최적화 수행하기 당연히 웹 이미지는 최적화해서 서비스해야 합니다. 페이지 로딩 속도도 빨라지고 데이터 전송이 곧 돈이기 때문에 비용도 절감할 수 있기 때문입니다. 이미지 최적화는 page insight에서도 체크하는 항목 중에 하나이기도 하고요. 아래는 page insight에서 이미지 최적화 관련된 내용의 링크입니다. https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization 위 링크 중간에 보면 이미지 최적화를 할 수 있는 툴을 소개하고 있어요. 아무거나 사용해도 별 문제는 없을 것 같은데요 !웹 이미지로 PNG가 많이 사용되고 있으니 아래 2개 중에서 하나를 선택해도 좋을 것 같습니.. 더보기
페이스북 공유 이미지, 설명 변경하기 덧+) 2016.08.16 - 새로운 이미지로 변경하고자 할 때에는 이미지 이름을 변경해줘야 함. 꼭!. - 이미지 이름은 그대로 두고 이미지만 바꾸는 것은 안뎀 !! - 이미지 사이즈를 잘 확인해야 함 :) 아래 URL 또는 사진 참고 https://developers.facebook.com/docs/sharing/best-practices 페이스북 공유하기 버튼을 누르면 설정된 값에 따라 화면이 구성됩니다.예로 다음과 같은 코드를 통해서 설정이 가능하자나요. 공유하기가 아래와 같은식으로 작동하더라구요. 1. 첫 번째 공유가 일어난다. (공유하기 창에는 그림이 안뜰 수 있음) 2. 공유(타임라인에 게시)가 일어나면 페이스북 서버에서 해당 URL에 대한 캐시를 생성한다. 3. 동일한 주소에 대해 공유가 .. 더보기
맥에서 이미지(사진) 크기 변경 맥에 기본으로 제공되는 Preview 앱에서 이미지 크기를 간단하게 변경하는 것이 가능합니다. 사진을 Preview 앱으로 연다. (기본적으로 사진을 더블 클릭하면 preview 앱으로 연결되요) 그 다음 Tools --> Adjust Size 기능을 선택합니다.아래 그림과 같이 현재 이미지의 사이즈가 표시되고 이를 조정하면 됩니다.현재 이미지는 가로 2448 픽셀, 세로 3264 픽셀로 이루어져있네요. 이것을 512 * 683 픽셀로 변경하고 OK 버튼을 클릭합니다. OK 버튼을누르면 이미지 이름 옆에 edited 라고 표현됩니다. 그냥 command + s를 누르거나 preview를 종료하면 원래 파일이 변경한 크기로 저장됩니다.다른 이름으로 저장하려면 edited 옆에 화살표를 눌러서 변경해주면 됩.. 더보기
맥에서 이미지(그림) 자르기 맥에서 이미지(그림) 자르기는 아래와 같이 하시면 됩니다. :) 1. 자르고자 하는 이미지를 더블클릭합니다. 기본적으로는 Preview 라는 소프트웨어로 열려요. 아래와 같이요. 그럼 파란색으로 표시한 버튼을 누릅니다. :) 2. 새로운 기능들에서 제일 왼쪽 빨간색을 눌러보면 어떤식으로 영역을 선택할건지 고를 수 있습니다. 3. 영역을 적당히 선택하면 오른쪽 상단에 crop 버튼이 보입니다. 누르면 잘려요 !! Command + s 눌러서 저장하면 끝입니다. :) 끝 :) 더보기
우분투 데스크톱배경화면 바꾸기 우분투 배경화면 바꾸기 1. 배경화면에서 마우스 오른쪽 버튼을 클릭한다. 2. 원하는 사진을 클릭한다. 폴더 변경은 오른쪽 상단에 있는 Select UI를 통해 가능합니다. 3. 클릭하면 바로 변경되요. :) 4. 이쁜 배경을 제공하는 사이트에 방문한다. ㅎㅎㅎ (저는 주로 https://interfacelift.com/wallpaper 를 사용합니다) 더보기
GDAL : gdalwarp example : tr (resolution) command : gdalwarp (enter) Usage: gdalwarp [--help-general] [--formats] [-s_srs srs_def] [-t_srs srs_def] [-to "NAME=VALUE"] [-order n | -tps | -rpc | -geoloc] [-et err_threshold] [-refine_gcps tolerance [minimum_gcps]] [-te xmin ymin xmax ymax] [-tr xres yres] [-tap] [-ts width height] [-wo "NAME=VALUE"] [-ot Byte/Int16/...] [-wt Byte/Int16] [-srcnodata "value [value...]"] [-dstnodata "value [v.. 더보기
GDAL : gdal_translate example : output size command : gdal_translate (enter) Usage: gdal_translate [--help-general] [--long-usage] [-ot {Byte/Int16/UInt16/UInt32/Int32/Float32/Float64/ CInt16/CInt32/CFloat32/CFloat64}] [-strict] [-of format] [-b band] [-mask band] [-expand {gray|rgb|rgba}] [-outsize xsize[%] ysize[%]] [-unscale] [-scale[_bn] [src_min src_max [dst_min dst_max]]]* [-exponent[_bn] exp_val]* [-srcwin xoff yoff xsize ysize] [-.. 더보기
PNG 배경 검은색 지우기 (linux imagemagick) 다수의 PNG 이미지 파일이 존재하고 그 이미지들의 테두리 쪽에 검은색 배경이 있을 때 삭제하는 방법입니다. 먼저 아래에서 사용하는 imagemagick에 대한 간단한 정보는 다음과 같습니다. 홈페이지 : http://www.imagemagick.org/ 라이선스 : 위키에 의하면 Apache License 2.0 이라고 하네요. 이 라이선스는 GPLv3와 호환이 되는군요. 라이선스는 봐도봐도 어려워요. ㅠ imagemagick을 설치하면 convert 라는 명령어를 사용할 수 있는데요. convert에 많은 옵션들을 입력할 수 있고 그중에 transparent 라는 옵션을 사용하면 검은색 배경을 지울 수 있습니다. 정확하게는 투명하게 만들어주는 것이구요. 예를 들어서 a.png 라는 파일이 있을 때 검.. 더보기
Cloud Image Download (Ubuntu, Fedora) Ubuntu Cloud Image Download Web Page : http://cloud-images.ubuntu.com/ Ubuntu Server 14.04 Cloud Image Download Web Page : http://cloud-images.ubuntu.com/trusty/ Ubuntu Server 12.04 Cloud Image Download Web Page : http://cloud-images.ubuntu.com/precise/ Fedora Cloud Image Download Web Page : https://getfedora.org/en/cloud/download/ https://www.rdoproject.org/Image_resources CentOS7 Cloud Image D.. 더보기
GDAL : relief image creation using gdaldem GDAL의 커맨드라인 어플리케이션 중 gdaldem을 활용하면 relief image를 만들어 낼 수 있습니다. 먼저 gdaldem에 대한 자세한 설명은 아래 웹 페이지에 나와있습니다. http://www.gdal.org/gdaldem.html 간단하게 아래 파일을 이용해서 relief image를 만들어보는 과정을 정리해보려고 합니다. 먼저 이미지는 쉽게 다운로드가 가능한 SRTM을 사용했습니다. relief image를 만들기 위해서는 color 정보가 들어가 있는 txt 파일이 필요한데요. 아래는 color.txt 파일 예시입니다. 120 255 255 1 81 255 255 1 80 202 227 153 31 124 187 1 30 153 198 232 0 1 114 198 이제 gdaldem을 .. 더보기
리눅스에서 이미지 정보 알아내기 리눅스에서, 이미지 파일에 대한 정보를 커맨드라인으로 알아내기 위한 몇 가지 간단한 방법을 소개하려구요. 이미지 이름은 white.png를 사용합니다. 1. 진짜 간단하게 file white.png 이라고 커맨드라인을 입력하시면 다음과 같이 이미지에 대한 간략한 정보가 프린트되요. ....$ file white.png white.png: PNG image data, 256 x 256, 8-bit/color RGB, non-interlaced 2. gdalinfo 이용 gdal은 라이브러리인데요. 다양한 이미지 관련 포멧의 입출력을 지원해주는 라이브러리입니다. 사실 이미지라고 하기 보다는 공간정보를 담고 있는 데이터에 대한 라이브러리가 더 알맞은 설명이겠네요. 아무튼 gdal을 설치한 경우 gdalinfo.. 더보기
DevStack Instance ... Add Image DevStack 잼있네영 ㅎㅎ 아직 오픈스택을 설치할 장비가 ... 실력도... 부족해서 DevStack을 만지고 있습니다. 이미지가 cirros 인가가 기본이길래, ubuntu-server를 이미지로 등록해봤습니다. 요게 이미지 등록하는 화면인데요.저는 제 리눅스에 vhd 파일 웹서버에 올려두고, 주소 적어줬더니, 잘 가지고 오더라구요.아 근데. 클라우드스택에서는 bz2로 압축된 파일을 가지고 이미지를 만드는게 가능했던 걸로 기억하는데.DevStack에서는 가능은 한데, 실제 인스턴스를 만들어보니깐 작동을 안하더라구요(제가 잘 못하는 것인지,,,,, 음 아직 확실치는 않아용)아무튼 bz2 압축 풀어서 vhd 파일로 하니깐 인스턴스도 잘 작동하더라구요.. 성공~ !! ^ ^음... 어서 DevStack이.. 더보기