Image publishing on the web. Frank Gasking

Transcription

1 Image publishing n the web Frank Gasking

2 Intrductin Many methds f publishing images Cmmn methds include: Uplading t a web server Using tls built int web applicatin tls (Wrdpress) Using nline image repsitries (Flickr) Can be mre cmplex depending n scenari Digital nline repsitries / archives, such as BCA Quick dem f the BCA prcess near the end.

3 1. Uplading t a web server File Transfer Prtcl (FTP) Tl t cnnect t a web server Select files and uplad t a selected directry Visible if the image address is knwn e.g. Create HTML pages t link t images University f Kent's methd Adbe Dreamweaver tl used Chrns template Straight insertin int cntent "Snippets" used t create image galleries.

4

5

6 1. Uplading t a web server Psitives Quick and easy t batch uplad many images Issues Must manually scale images t required size (nt via HTML) Must suitably cmpress images manually (JPEG, PNG) Need t ensure yur images are named in a web friendly fashin Need t knw HTML r have a suitable tl t prduce web cntent t surface images Can be unmanageable if dealing with many images.

7 2. Web applicatin tls Many cntent web applicatins cme with image handling tls fr free Cmmn example is Wrdpress Mstly knwn as a blgging tl Can be used fr creating basic web sites Even digital repsitries - but nly thrugh expansins and plug-ins Wrdpress cmes with media management Batch uplading (including drag and drp) Handles resizing / naming Allws fr easy adding t cntent Different sizes can be defined.

8

9

10

11

12 2. Web applicatin tls Psitives Issues Bulk image handling Scaling, cmpressin, naming ften handled fr yu Ease f use fr adding t cntent / web pages Often represented in search engine friendly way fr yu Need web hst that supprts selected cntent tl Mst hsts supprt 1-click installatins f Wrdpress fr example Online repsitry setup is nt always ut the bx Culd require custm develpment r plug-in

13 3. Online image repsitries Many nline image repsitries nw exist: Flickr ImageShack Picasa... and many mre Allw simple creatin f image repsitries Simple t use web interfaces Often free t sign up and use With a limited amunt f strage space t get ging.

14

15

16

17

18 3. Online image repsitries Psitives Issues Simple t set up an accunt (and ften free) Rescaling and cmpressin handled fr yu Ability t tag images and set descriptins Searchable and index friendly fr search engines Ability fr users t leave cmments and discuss Can link int the likes f Wrdpress Althugh an image repsitry, n custm metadata fields t set up a BCA-like site Need t read image usage plicies carefully befre yu uplad!

19 Helping search engines index Likes f Ggle/Bing ffer image searching What cntributes twards indexing? Spiderable links t images (i.e Ggle can see it) Sensibly named images Using cmmn web-friendly image frmats (JPEG, PNG - nt TIFF/RAW) Specifying alternate text and title attributes Surrunding semantic textual cntent (metadata, tags, paragraphs) What might als help (thugh unprven) Embedded file metadata.

20 Hw BCA handles images Image first scanned and named Metadata recrd then created in CALM archive system Image name representing the unique cde fr recrd (e.g. GA0001) Recrd created n website via nightly jb Scans prcessed with Batch Image tl Batch image tl handles required frmats and sizes Stred under carefully cnsidered directry structure /ga/ga000/ga0001/thumbnail/ga0001.jpg Autmatically stred and displayed n website Here's a dem I made earlier...

21

22 Any questins?