Tardis:Galleries: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
no edit summary
No edit summary
No edit summary
Line 6: Line 6:
The potted text, below, will give you an overview of the gallery process.  But it won't tell you much about how the function behaves in live examples.  That's why we're providing some wisdom from actual case studies.
The potted text, below, will give you an overview of the gallery process.  But it won't tell you much about how the function behaves in live examples.  That's why we're providing some wisdom from actual case studies.
===Enough is enough===
===Enough is enough===
Theoretically, you can use galleries to display a very large number of pictures. This poses a problem for users who have slow connections.  We're not just talking about those who use dialup.  We mean almost '''everyone''' who's viewing on a smartphone, and many who are connected wirelessly.  '''Don't assume that everyone has a computer, or internet connection, as good as yours.''' The gallery function gives you the ability to make pages which . . . load very slowly indeed.
Theoretically, you can use galleries to display a very large number of pictures. This poses a problem for users who have slow connections.  We're not just talking about those who use dialup.  We mean almost '''everyone''' who's viewing on a smartphone, and many who are connected wirelessly.   
 
'''''Don't assume that everyone has a computer, or internet connection, as good as yours.'''''


To help with this problem:
To help with this problem:
Line 12: Line 14:
#Reduce the file-size of your gallery pictures to around or below 50kb.  Certainly, don't go over 100kb with any one picture.  You can reduce your filesize most easily in Photoshop by '''saving for web''' (as opposed to normally saving), and dialing down the quality to around 20.  '''Make the filesize of every picture as small as you possibly can.'''
#Reduce the file-size of your gallery pictures to around or below 50kb.  Certainly, don't go over 100kb with any one picture.  You can reduce your filesize most easily in Photoshop by '''saving for web''' (as opposed to normally saving), and dialing down the quality to around 20.  '''Make the filesize of every picture as small as you possibly can.'''
#Find a way to limit the total number of pictures in a single gallery structure.  Do you really need all 200+ images of, say, ''[[Doctor Who Adventures]]'' covers on a single page?  Or can you create a page for each publication year?   
#Find a way to limit the total number of pictures in a single gallery structure.  Do you really need all 200+ images of, say, ''[[Doctor Who Adventures]]'' covers on a single page?  Or can you create a page for each publication year?   
==Watch your dimensions==
===Watch your dimensions===
The gallery function basically creates a series of thumbnails.  But it's not like this kind of thumbnail:<pre>[[file:Pic.jpg|thumb]]</pre>No, the gallery thumbnail creates ''relative'' thumbnails.  It considers '''all''' the pictures in the gallery and resizes them ''relative to each other'', trying to put them into the specified width.  (If you don't specify a width, it defaults to 200px.)  
The gallery function basically creates a series of thumbnails.  But it's not like this kind of thumbnail:<pre>[[file:Pic.jpg|thumb]]</pre>No, the gallery thumbnail creates ''relative'' thumbnails.  It considers '''all''' the pictures in the gallery and resizes them ''relative to each other'', trying to put them into the specified width.  (If you don't specify a width, it defaults to 200px.)  


This can produce some ''highly'' unexpected results if you're trying to create a gallery of pictures with '''radically''' different dimensions.   
This can produce some ''highly'' unexpected results if you're trying to create a gallery of pictures with '''radically''' different dimensions.   


Technically, there's always '''some''' level of distortion in a gallery, if the pics don't have the exact same dimension.  But it is considerably less obvious if the files are all of the same dimensions  
Technically, there's always '''some''' level of distortion in a gallery, if the pics don't have the exact same dimension.  But it is considerably less obvious if the files are all of the same dimensions.
 
'''''Putting a lot of pictures of widely divergent dimensions in the same gallery often results in "warping" or "stretching" of some of the images.'''''
 
To help with this problem:
#Try to use images that are all of the same dimensions.  If you're displaying a series of magazine covers, for instance, it's a good idea to crop all of them to precisely the same dimensions.  That way, they'll all be perfectly scaled down.
#If you ''must'' use a mixture of widescreen, 4:3, and extremely skinny images, don't put them all into the same gallery structure.  Find a way to break up the  galleries on the same page, so that the gallery command is not having to work so hard. 
==Rules of use==
==Rules of use==
{{sc|T:GAL RULES}}
{{sc|T:GAL RULES}}
85,404

edits

Cookies help us deliver our services. By using our services, you agree to our use of cookies.