Hvordan lage miniatyr Bigger på My Website

Hvordan lage miniatyr Bigger på My Website


Thumbnails tilbyr nettstedet leserne en forhåndsvisning av et bilde uten å måtte laste hele filen, noe som gir dem muligheten til å klikke på miniatyrbildet dersom de ønsker å se det tilsvarende høyere oppløsning. Bruk dem spesielt for nettsteder med flere bilder, for eksempel familie bilde-deling eller fotorelaterte nettsteder. Du kan vise miniatyrbilder i alle størrelser, med tanke på kvaliteten på bildet med lavere oppløsning. Eksperimenter med forskjellige oppløsninger og beskjæring for å lage et miniatyrbilde som viser nøyaktig gjenstand for bildet.

Bruksanvisning

1 Åpne bildet i bilderedigeringsprogrammet. Lagre som bilde, "picture.jpg," som "picture1.jpg."

2 Beskjære bildet, som viser den delen som best beskriver emnet. Beskjæring er valgfritt, men det bidrar til å gjøre filen mindre. Jo mindre miniatyr filen vil lastes raskere på nettstedet.

3 Endre størrelsen på bildet til en lavere oppløsning. De fleste bilderedigeringsprogram programvare har muligheten i Verktøy-menyen som vil endre størrelsen på bildet i forhold til inches eller piksler. Ideelt gjøre størrelsen det samme som du ønsker for ditt nettsted. Du kan imidlertid justere det senere.

4 Last opp både hele bildet, "picture.jpg," og den mindre bilde, "picture1.jpg" til serveren din.

5 Rediger html-fil til å omfatte:

<a href="folder/picture.jpg" target="_blank"> <img

width = "50" height = "50" border = "0"

alt = "My Picture" align = "bottom" /> </a>

Substitute "mappe" med katalognavn som du har lastet opp bildene dine.

Substitute "picture.jpg" med full, høyere oppløsning bildenavn.

Substitute "picture1.jpg" med lavere oppløsning miniatyrbilde navn.

Substitute "My Picture" med en bildetekst for bildet som skal vise koblingen i tilfelle leseren ikke kan vise bilder.

6 Juster "width =" og "height =" til ønsket størrelse i piksler. Forhåndsvis ditt nettsted og eksperimentere med disse tallene til du kommer resultatene du ønsker.

Hint

  • Hvis du allerede har bildene på nettstedet ditt og bare ønsker å endre sine størrelser, finne referansen til miniatyrbildene i html-fil og se trinn 6 på justering av bredde og høyde.
  • Lagre en sikkerhetskopi av html-filen før du gjør endringer.