In hosting, servicii precum Thumbshots.com sau ShrinkTheWeb.com pot fi foarte utile atunci cand aveti nevoie sa generati screenshot-uri ale site-ului dvs. pentru aplicatii web. In timp ce aceste servicii nu sunt foarte scumpe, generarea dinamica a screenshot-urilor nu este foarte complicata si poate sa nu va coste nimic, atata timp cat aveti propriul server dedicat cu acces root.
Cum se face screenshot unei pagini web pe un server Linux
Procesul de creare a unui screenshot de pagina web intr-un mediu Linux implica mai multe componente. Pentru acest tutorial, a fost folosit CentOS Linux 5.9 64-bit si cPanel.
1) Descarcati cea mai recenta versiune a browserului PhantomJS, si instalati-l pe server, prin acces SSH:
# wget
# tar xbjf phantomjs-1.x.x-linux-x86_64.tar.bz2
# cp phantomjs-1.x.x-linux-x86_64/bin/phantomjs /usr/local/bin
# cp phantomjs-1.x.x-linux-x86_64/examples /usr/local/phantomjs
Nota: inlocuiti 1.x.x cu ultima versiune stabila disponibila, de ex: 1.9.0.
2) Instalati ImageMagick folosind una din metodele urmatoare:
a) scriptul de instalare din cPanel:
# /scripts/installimagemagick
b) Yum (CentOS / RHEL):
# yum install ImageMagick
# yum install ImageMagick-devel
c) apt-get (Ubuntu):
# apt-get install libmagickwand-dev imagemagick
3) Descarcati si instalati Google Page Speed SDK:
# wget https://dl-ssl.google.com/page-speed/sdk/current/page-speed-sdk.zip
# unzip page-speed-sdk.zip
# cd page-speed-1.x
Inlocuiti page-speed-1.x cu versiunea disponibila, de ex: page-speed-1.9
# make
# cp out/Release/optimize_image_bin /usr/local/bin/optimize_image
4) Creati un screenshot full size cu PhantomJS, de exemplu creati un screenshot pentru https://megahost.ro si il salvati in directorul: /director1/imagini/ cu numele de fisier-initial si extensia .png
# phantomjs –cookies-file=tempcookies /usr/local/phantomjs/rasterize.js
https://megahost.ro /director1/imagini/fisier-initial.png
5) Decupati imaginea cu ajutorul comenzii “convert” din linia de comanda si salvati ca fisier-decupat.png:
# convert /director1/imagini/fisier-initial.png -crop 1024×768+0+0
/director1/imagini/fisier-decupat.png
6) Redimensionati imaginea la rezolutia de 300x225px si salvati ca fisier-redimensionat.png:
# convert /director1/imagini/fisier-decupat.png -filter Lanczos -resize 300×225
/director1/imagini/fisier-redimensionat.png
7) Optional, puteti optimiza imaginea pentru a-i reduce dimensiunea:
# optimize_image /director1/imagini/fisier-redimensionat.png /director1/imagini/screenshot-final.png