Journal · Pàgina a imatge

Queda la capa estàtica.Els scripts no s’executen.

Vols guardar una pàgina web com una imatge i enviar-la. Mira primer què faltarà i després decideix si la imatge ja serveix.

Què es perd quan una pàgina web es converteix en imatge: la capa que dibuixa un script

Què es perd quan una pàgina web es converteix en imatge depèn de quant depèn la pàgina d’un script. A Pàgina a imatge es llegeix el marcatge i se’n dibuixa la imatge. En aquest navegador no s’executa cap script. Tot el que un script afegeix després de carregar no entra a la imatge.

Tot el que hi ha al marcatge hi és: títols, paràgrafs, taules, vores, color de fons, cos de lletra, interlineat, imatges que formen part del document. Tot el que un script va fer després falta: la segona diapositiva, els comentaris que s’obren en clicar, una llista que s’omple en desplaçar-se, un avís després d’enviar. No és un problema de qualitat. Aquell bloc mai no va ser al marcatge.

Pàgina a imatge només pren contingut estàtic. Els scripts no s’executen, les pàgines amb sessió no apareixen i les imatges d’un altre domini tampoc.

Sense script, la pàgina s’atura al primer dibuix

Un carrusel que mou un script surt a la primera diapositiva. Una imatge que es carrega en desplaçar-se surt com un espai buit. Un plafó que s’obre amb un botó no és a la imatge. Si la frase que necessites només viu en aquest plafó, aquesta eina no te la donarà.

Una pàgina amb sessió tampoc no apareix. Demana contingut visible només després d’entrar i rebràs el formulari d’accés, o res. ReadyIMG no té accés ni servidor de comptes que rebi imatges, i no entrarà a cap lloc per tu. Aquí només es llegeix el marcatge públic que aquest navegador pot abastar.

Les imatges d’un altre domini surten en blanc

Si una imatge de la pàgina es serveix des d’un altre domini, aquests píxels no es poden llegir en dibuixar i l’espai queda buit. Les imatges del mateix lloc surten bé. Un blanc, un marc trencat, una vora sense res a dins: gairebé sempre és això i no un fitxer espatllat.

  • Contingut fet per script: segona diapositiva, comentaris en clicar, llistes en desplaçar-se.
  • Pàgines amb sessió: reps el formulari d’accés, o un buit.
  • Imatges d’un altre domini: l’espai queda buit, només vora o blanc.

Si l’adreça no es llegeix, enganxa l’HTML

Hi ha pàgines sense adreça llegible al navegador: un fitxer encara al disc, una pàgina que només obre en xarxa interna, un fragment muntat al moment. Enganxa llavors el codi HTML. És el mateix marcatge estàtic, i falta el mateix.

L’amplada de la finestra es compta des de 320. Estret i ample són dues maquetacions, la mateixa pàgina no surt igual en cadascuna. Decideix primer per a qui és la imatge. Per a un telèfon, agafa l’amplada estreta.

Tres sortides, tria’n una

Pots obtenir JPG, PNG o un SVG que embolcalla una imatge de píxels. Per a captures de pantalla, pàgines amb molt de text i coses que van a un document, queda’t al PNG; les vores de les lletres surten més netes. On només accepten JPG, tria JPG. Aquest SVG és un embolcall de píxels, no un vector que creix sense fi. Ampliat es difumina com qualsevol mapa de bits.

Si pesa massa per enviar, passa’l per Encongir. El que s’encongeix és la còpia que acabes de baixar. La pàgina capturada continua igual.

Pàgina a imatge fa una pàgina cada vegada. No accepta quaranta fitxers de cop. Acaba una pàgina, baixa-la i passa a la següent.

Per a què serveix aquesta imatge

Fixar una maquetació per a algú que no obrirà un enllaç. Guardar testimoni de com era una pàgina, per si demà canvia. Posar-la en un document perquè qui llegeix no hagi de sortir. Tot això funciona.

Per capturar un procés no serveix: fotogrames intermedis d’una animació en desplaçar-se, esquelets de càrrega, l’estat en passar-hi el ratolí. Tot això necessita scripts en marxa, i aquí no n’hi ha.

Només dues coses toquen la xarxa

En obrir la pàgina, aquesta visita la compta 51.LA. Es compta que algú ha obert una pàgina, no els teus fitxers d’imatge. Com es tracten els fitxers marca aquest límit: les imatges no van a ReadyIMG i aquí no hi ha accés ni registre.

L’altra és el primer ús del retall, que baixa un model de reconeixement a la memòria cau d’aquest dispositiu. És una altra eina i no té res a veure amb capturar una pàgina. El càlcul es queda en aquest dispositiu i el que baixes és un fitxer nou, fet aquí.

Tres mirades abans d’enviar

  • Si hi ha text tallat. Una maquetació ampla en una finestra estreta trenca els títols en tres línies.
  • Si falta alguna imatge. Si en falta, torna a capturar amb una imatge del mateix lloc.
  • El que has desat és un fitxer nou. La pàgina i les imatges originals són on eren.

La cua viu només dins d’aquesta visita. Si recarregues o tanques la pàgina, el que no has baixat es perd. Emporta’t la imatge que vols guardar abans de passar a la pàgina següent.

Si encara no has començat, torna al Taller, enganxa una adreça o HTML i obre Pàgina a imatge. Què li falta a la teva imatge, ja ho saps dir.