Rev. 2.73

웹사이트의 화면을 이미지로 저장하고 프리뷰 이미지(썸네일)로 가공한 자료를 누구나 사용할 수 있도록 API를 제공하는 서비스들을 모아 보았습니다. 아래와 같은 간략한 HTML 마크업만으로 이미지를 호출할 수 있으며, 이 프리뷰 이미지를 외부로 나가는 링크에 노출시켜 외부링크임을 직관적으로 알리기 위해 사용해 왔습니다. 지금까지 Girafa의 공짜 웹사이트 썸네일 서비스를 사용했지만 최근에 유료 서비스로 전환해 버리면서 더이상 공짜로 사용할 수 없게 되어 다른 공짜 서비스들을 찾아 보게 되었습니다.

<img src="http://images.websnapr.com/?url=www.websnapr.com" alt=""/>

WebSnapr : 92×70, 202×152, 400×300, 640×480 크기를 제공합니다. 자료가 풍부하지는 않지만 생성속도가 매우 빠릅니다. 해당 프리뷰-이미지를 요청한 시점에서 정보를 찾을 수 없는 경우 서버는 이미지 생성작업에 착수합니다. 대부분의 프리뷰 이미지 서비스 사이트가 이러한 룰으로 생성작업을 하고 있습니다. 제약사항으로 이미지에 "powered by websnapr.com"이라는 워터마크가 찍혀 있으며, 아래와 같은 주소형식으로 호출할 수 있습니다.

http://images.websnapr.com/ ? size=[size] & key=[key] & url=[url]

ArtViper : 프리뷰 이미지 사이즈를 직접 입력하여 호출하는 방법으로 프리뷰 이미지를 상황에 맞게 생성해서 응답하는 방식입니다. 특정 영역으로 크로핑(cropping)을 할 수 있고, 자유롭게 크기를 지정할 수 있으며 속도가 빠르다는 장점이 있지만, URL이 다소 복잡하고 생성속도가 매우 느립니다. 부가적으로 보다 쉽게 서비스를 사용할 수 있도록 mootools기반으로 작성된 Preview Bubble과 AJAX image hover 라이브러리를 자체적으로 제공하고 있습니다.

http://www.artviper.net/screenshots/screener.php ? url=[url] & sdx=[screen w] & sdy=[screen h] & w=[width] & h=[height]

Website Thumbnails : 데이터도 많지 않을 뿐더러 로딩속도와 생성속도 모두 만족스럽지 못할만한 수준입니다. 오직 120×90크기의 이미지만 사용할 수 있습니다. 장점은 프리뷰 이미지의 URL이 간결하여 사용성이 좋다는 것과 아무런 제약이 따르지 않는 다는 점입니다.

http://www.websitethumb nails.net/view.php ? url = [url]

Thumbalizr : 1024 미만의 프리-사이즈를 제공합니다. 이 곳 역시 수집된 데이터의 양도 적고 로딩속도와 생성속도는 상대적으로 최악입니다. 제약사항으로는 "powered by thumbalizr"라는 워터마크가 찍혀있는 것입니다.

http://www.thumbalizr.com/api/ ? url = [url] & width = [width]

Thumbnails Pro : 너무 느려서 테스트하지 못했습니다.

이 밖에도 snap.com에서 제공하는 사이트 프리뷰 위젯을 사용하는 방법도 있고, 안정적이면서도 방대한 DB를 가진 유료 사이트 프리뷰 이미지 서비스를 제공하는 곳으로는 아마존 웹 서비스 중 하나인 Alexa Site Thumbnail이 있습니다.

Comments

Got something to add? You can just leave a comment.

  • 오홋! 잘 읽었습니다.

    reply edit

  • 오홋! 고맙습니다.

    reply edit

  • 그니군 그니군

    궁금한게 있습니다.
    저런식의 웹서비스를 하려면 어떻게 구현되어야 하는지 혹 알수있을까요?
    단순히 ajax와 php만 가지고 함 해보려 했더니 할수가없더군요.
    즐거운 하루되세요~

    reply edit

  • 제가 알기로는 전용 서버를 한대 할당해서 지속적으로 스크린샷을 생성하게 하는 것으로 알고 있습니다. 인터넷에세 찾아보니 관련 솔루션 프로그램이 몇개 있군요.

    http://www.debian-administration.org/articles/413
    http://www.webshotspro.com/
    http://apmusers.com/tt/dbckdghk/75
    http://www.zubrag.com/articles/create-website-snapshot-thumbnail.php

    reply edit

  • 우와, 파이어준님의 블로그의 링크에 마우스를 올리면 썸네일 이미지가 형성되는 것도 바로 이 방법이군요!!
    좋은 정보들 많이 얻고 갑니다. 감사합니다! :D

    reply edit

  • 네 그렇답니다. ^^;

    reply edit

  • 꼭 필요하던 정보인데 역시! 파이어준님 사이트에 오면 다 있어!!

    reply edit

  • I think what you posted was actually very logical. However,
    think about this, suppose you composed a catchier title?

    I am not suggesting your information isn't solid., but
    suppose you added a post title that makes people want more?

    I mean 공짜 웹사이트 썸네일(프리뷰-이미지) 서비스들 - Firejune is
    kinda vanilla. You should glance at Yahoo's home page and see how they create
    news titles to grab people interested. You might add a related video or a related picture or two to
    grab readers interested about what you've written. Just my opinion,
    it would bring your posts a little bit more interesting.

    reply edit

  • I think what you posted was actually very logical. However,
    think about this, suppose you composed a catchier title?

    I am not suggesting your information isn't solid., but
    suppose you added a post title that makes people want more?

    I mean 공짜 웹사이트 썸네일(프리뷰-이미지) 서비스들 - Firejune is
    kinda vanilla. You should glance at Yahoo's home page and see how they create
    news titles to grab people interested. You might add a related video or a related picture or two to
    grab readers interested about what you've written. Just my opinion,
    it would bring your posts a little bit more interesting.

    reply edit

  • I think what you posted was actually very logical. However,
    think about this, suppose you composed a catchier title?

    I am not suggesting your information isn't solid., but
    suppose you added a post title that makes people want more?

    I mean 공짜 웹사이트 썸네일(프리뷰-이미지) 서비스들 - Firejune is
    kinda vanilla. You should glance at Yahoo's home page and see how they create
    news titles to grab people interested. You might add a related video or a related picture or two to
    grab readers interested about what you've written. Just my opinion,
    it would bring your posts a little bit more interesting.

    reply edit

  • I think what you posted was actually very logical. However,
    think about this, suppose you composed a catchier title?

    I am not suggesting your information isn't solid., but
    suppose you added a post title that makes people want more?

    I mean 공짜 웹사이트 썸네일(프리뷰-이미지) 서비스들 - Firejune is
    kinda vanilla. You should glance at Yahoo's home page and see how they create
    news titles to grab people interested. You might add a related video or a related picture or two to
    grab readers interested about what you've written. Just my opinion,
    it would bring your posts a little bit more interesting.

    reply edit

Your Reaction Time!

captcha

avatar