Käännä kuva tai grafiikka pienoiskuviin

Yksinkertainen oppitunti

Valokuvat ja grafiikka käyttävät paljon palvelintilaa. Tämä voi tehdä verkkosivuja latautumaan paljon hitaammin. Yksi vaihtoehto on käyttää kuvien pienoiskuvia. Pienoiskuva on pienempi versio samasta kuvasta. Sieltä linkit alkuperäiseen kuvaan.

Kun käytät pikkukuvia, voit lisätä enemmän grafiikkaa yhdelle sivulle. Lukija voi valita ja valita kaiken sivun grafiikan ja päättää, mitkä he haluavat nähdä.

Pikkukuvan luominen ei ole kovaa, eikä todellakaan kestä kovin kauan. Ensimmäinen asia mitä sinun tarvitsee tehdä on ladata valokuvan tai graafisen muokkausohjelman. Käytän Irfan Viewa. Se on ilmainen ja helppokäyttöinen. Se ei ole yhtä kattava kuin Paint Shop Pro tai Photoshop, mutta se on tarpeeksi hyvä koon muuttamiseen, leikkaamiseen ja värien muuttamiseen.

Aion käyttää Irfan View -ohjelmaa tästä oppitunnista. Ohjeet eivät ole kovin erilaisia, jos käytät toista ohjelmaa.

Ensimmäinen asia, jonka aiot tehdä, on avata kuva, jonka haluat muuttaa. Tee tämä napsauttamalla "Tiedosto", "Avaa", etsi kuva tietokoneellasi ja napsauta "Avaa" -painiketta.

Kun kuva on avattu graafisessa muokkausohjelmassa, voit nyt rajata sen tai muuttaa sen kokoa. Rajaus on, mitä teet, kun sinulla on enemmän kuvaa kuin mitä haluat käyttää. Sano, että sinulla on kuva sinusta ja toisesta henkilöstä, mutta haluat vain käyttää osaa sen kanssa ja katkaista toisen henkilön, joka leikkaa.

Jos haluat rajata sen, sinun on ensin valittava alue, jonka haluat säilyttää. Aseta hiiren osoitin haluamasi alueen yhdelle kulmalle, pidä hiiren painiketta painettuna ja vedä kohdistin alueen vastakkaiselle kulmalle. Näet alueen ympärillä olevan linjan, kun teet tämän ja ohut raja sen ympärillä, kun olet valmis.

Napsauta sitten "Muokkaa", "Rajaa valinta". Valitsemasi alue jää vasemmalle ja loput kuva poistuu. Jos pidät siitä, mitä näet, haluat tallentaa kuvan tässä vaiheessa, jotta et vahingossa sulje ohjelmaa ja menetät rajauksen. Jos et pidä siitä, klikkaa "Muokkaa", "Kumoa" ja se palaa takaisin sen tapaan, ennen kuin rajaat sen.

Jos haluat leikata jotain kuvasta, voit tehdä sen käyttämällä Cut-ominaisuutta. Voit lisätä tekstiä myös tähän kuvaan käyttämällä "Lisää tekstiä valintaan". Molemmat ominaisuudet ovat "Muokkaa" -valikon alla. Muista tallentaa kuva, kun olet tehnyt haluamasi muutokset, jotta et menetä työsi.

Luo nyt pienoiskuva. Napsauta "Kuva", "Muuta kokoa / Resample." Näyttöön tulee ruutu, jonka avulla voit muuttaa kuvasi kokoa. Voit halutessasi muuttaa kuvan kokoa korkeuden ja leveyden mukaan tai prosentteina. Voit esimerkiksi asettaa leveyden 50 pikseliä tai voit saada sen vain tekemään kuvan 10% sen alkuperäisestä koosta. Jos luot pienoiskuvia, joita käytetään kuvagalleriana, ehdotan, että kaikki kuvat ovat lähellä samankokoisia, jotta ne sopisivat sivulle paremmin tekemällä mukavia suorat rivit tai sarakkeet.

Jos kuvasi näyttää menettäneen jonkin verran sen selkeyttä, kun olet muuttanut sen kokoa, voit käyttää "Kuva" -valikon "Terävöitys" -ominaisuutta. Kun tallennat kuvan sen kokoa muuttamalla, varmista, että käytät "Tallenna nimellä" -ominaisuutta, EI "Tallenna" -ominaisuutta. Haluat antaa sille toisen, mutta samanlaisen nimen. Jos vain tallennat sen, se korvaa vanhan kuvan ja löysit alkuperäisen. Jos alkuperäinen nimeltään "picture.jpg", voit kutsua pienoiskuvan "picture_th.jpg".

Jos hosting-palvelussa ei ole tiedostojen latausohjelmaa, jonka avulla voit helposti ladata sivuja ja grafiikkaa Web-sivustoosi, sinun on lähetettävä FTP-asiakas. Hosting-palvelun, jonka kanssa olet, tulee antaa sinulle asetukset, jotka sinun on asetettava FTP-asiakkaalle, jotta voit ladata tiedostot.

Ehdotan, että lähetät grafiikka tai kuvat kansioon nimeltä "grafiikka" tai "valokuvat", jotta voit pitää ne erillään sivuiltasi ja löytää ne helpommin, kun tarvitset niitä. Pidän sivujen ja grafiikan järjestämisestä eri kansioilla. Säilyttää sivustosi mukavaksi ja siistiksi, jotta voit löytää mitä etsit nopeasti, joten sinulla ei ole pitkää luetteloa tiedostoista, joita sinun täytyy kampaa läpi, kun tarvitset jotain.

Sinun on myös ladattava pikkukuva hosting-palveluun. Harkitse sen sijoittamista erilliseen kansioon, jota kutsutaan mahdollisesti nimellä "thumbnail".

Nyt tarvitset graafisen osoitteen. Esimerkki: sanotaan, että isäntä sivustosi Geocities ja käyttäjänimesi on "mysite." Sinun tärkein grafiikka on kansio nimeltä "grafiikka" ja nimeltään "graphics.jpg". Pikkukuvaa kutsutaan "thumbnail.jpg" ja se on kansio nimeltä "thumbnail". Grafiikkasi osoite on http://www.geocities.com/mysite/graphics/graphics.jpg ja pikkukuvan osoite on http://www.geocities.com/mysite/thumbnail/thumbnail.jpg .

Sinun tarvitsee vain lisätä linkki pikkukuviin sivullesi ja lisätä linkki graafiseen pikkukuvasta. Jotkut hosting-palvelusta tarjoavat valokuva-albumeita. Sinun tarvitsee vain noudattaa ohjeita lisätäksesi valokuvasi sivuille.

Jos haluat käyttää HTML-koodia luodaksesi valokuva-albumi, sinun ei tarvitse aloittaa tyhjästä. Käytä sen sijaan valokuvamallia. Sitten sinun tarvitsee vain lisätä linkit ja sinulla on valokuva-albumi.

Jos yhdistät vain graafin itse niin, että tärkein grafiikka näkyy sivullasi, sinun on käytettävä koodia:

Tekstin kuva

Jos näet graphic.jpg tässä koodissa, vaihdat sen osoitteeseen http://www.geocities.com/mysite/graphics/graphics.jpg tai voit käyttää lyhytaikaista lomaketta, joka näyttää tästä /graphics/graphics.jpg . Vaihda sitten, mistä se sanoo kuvan teksti, mitä haluat sanoa kuvan alla.

Jos aiot käyttää pienoiskuvia ja linkittää grafiikka sieltä, käytät koodia on hieman erilainen:

Jos näet http: //address_of_graphic.gif , lisäät pikkukuvan osoitteen. Jos näet osoitteessa http://address_of_page.com , lisäät graafisen osoitteen. Sivusi näyttää pikkukuvan, mutta se liittää suoraan graafiseen. Kun joku napsauttaa graafin pienoiskuvia, ne viedään alkuperäiseen.

Voit nyt yhdistää useampaan grafiikkaan yhdelle sivulle ilman, että palvelin leviää, jolloin sivu latautuu hitaasti. Tämä ei ole ainoa vaihtoehto valokuva-albumin luomiseen, mutta se antaa sinulle mahdollisuuden lisätä yhteen joukko kuvia yhteen sivuun, jotta ihmiset eivät tarvitse napsauttaa sivuja ja valokuvien sivuja. He voivat myös valita, mitkä valokuvat haluavat nähdä normaalikokoisina sen sijaan, että heillä olisi nähdä ne kaikki, jos he eivät halua.