본문 바로가기

블로그 SEO 시작 (4) - 포스팅 html을 개선해보기 2017/03/17 - 블로그 SEO 시작 (1) - Search Console 연결 2017/03/17 - 블로그 SEO 시작 (2) - meta tag 추가하기 2017/03/22 - 블로그 SEO 시작 (3) - 네이버 웹마스터도구 연결 이전까지는 블로그 자체에 대한 SEO라고 한다면 이번에는 포스팅에 대한 SEO를 해보면 어떻게 될까? 이게 궁금해서 테스트 해보려는 내용입니다. 포스팅에 이미지 1-2개 정도는 거의 들어가도록 하고 있는데요. 아무래도 정보 전달이 편하고 검색 사이트에서 포스팅이 보여질 때 그림이 있는게 아무래도 클릭이 잘 되지 않을까?라는 생각에서 이미지를 추가해서 작성하고 있어요. SEO 내용을 검색해보면 이미지에 대한 설명 그러니깐 alt 속성 값을 잘 입력해라 라는 것을 쉽게.. 더보기
Html parsing - beautifulsoup4 (find_all image src) 이전 글 :) 2016/08/20 - [Python/libraries] - Html parsing - beautifulsoup4 (install) 이번에는 간단한 예제로 Beautifulsoup4 에서 제공되는 find_all을 알아보도록 하겠습니다 !!! find_all 이라는 함수는 이름에서도 알 수 있듯이 동일한 것을 모두 찾아주는 함수입니다. 자세한 설명은 https://www.crummy.com/software/BeautifulSoup/bs4/doc/#find-all 을 참고하세요 :) https://www.crummy.com/software/BeautifulSoup/bs4/doc/#find-all 실제 웹 페이지를 통해서 한 번 find_all이 어떤 역할을 할 수 있는지 알아보아요. 만만한건.. 더보기
페이스북 공유 이미지, 설명 변경하기 덧+) 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 눌러서 저장하면 끝입니다. :) 끝 :) 더보기
PNG 배경 검은색 지우기 (linux imagemagick) 다수의 PNG 이미지 파일이 존재하고 그 이미지들의 테두리 쪽에 검은색 배경이 있을 때 삭제하는 방법입니다. 먼저 아래에서 사용하는 imagemagick에 대한 간단한 정보는 다음과 같습니다. 홈페이지 : http://www.imagemagick.org/ 라이선스 : 위키에 의하면 Apache License 2.0 이라고 하네요. 이 라이선스는 GPLv3와 호환이 되는군요. 라이선스는 봐도봐도 어려워요. ㅠ imagemagick을 설치하면 convert 라는 명령어를 사용할 수 있는데요. convert에 많은 옵션들을 입력할 수 있고 그중에 transparent 라는 옵션을 사용하면 검은색 배경을 지울 수 있습니다. 정확하게는 투명하게 만들어주는 것이구요. 예를 들어서 a.png 라는 파일이 있을 때 검.. 더보기
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.. 더보기