Hoe koppel ik een foto naar een website?

foto's toevoegen aan uw website voegt visuele rente en geeft bezoekers een meer dynamische ervaring.Posten van foto's naar uw site kan ook bieden gelegenheid ban ramp als het niet goed gedaan.Gelukkig is het selecteren van de juiste foto, optimaliseren voor het web en uploaden naar de server van de website zijn niet gecompliceerde taken.Met een beetje oefening, kunt u foto's op uw website dat de waarde van de inhoud ervan aanzienlijk verhogen.

Foto's selecteren

  • Kies foto's die duidelijk zijn omschreven.Een foto van een struik vol bloemen zullen niet zo effectief als een close-up van de bloemen zijn.

    Probeer niet om een ​​wazige of verkeerd verlicht beeld lossen met behulp van image-editing software, zoals Photoshop, tenzij je een grafische deskundige of het beeld is een antieke dat niet kan worden gereproduceerd.In plaats daarvan, re-shoot het beeld.Website bezoekers zijn meedogenloos als het gaat om natuurlijk "Photoshopped" foto's.Een slecht bewerkte foto kan afb

    reuk doen aan de inhoud van je website in plaats compliment het.

optimaliseren Foto's voor het internet

  • Gebruik beeldbewerkingssoftware om foto's te optimaliseren voor uw website.De meeste foto-editors, waaronder een aantal vrije degenen, onder meer gereedschappen om afbeeldingen te bereiden om snel te laden op het internet.Bestandsgrootte is immers rechtstreeks verband houden met het laden van de tijd, en langzaam ladende beelden kan verdrijven bezoekers van uw website.

    Een manier om een ​​beeld te optimaliseren voor het web is om de afmetingen aan te passen, de grootte toont aan op uw site, met behulp van beeldbewerkingssoftware.Code nooit een website een foto kleiner dan de werkelijke afmetingen weer te geven;in plaats daarvan, te verminderen voordat u deze uploaden.Bijvoorbeeld, stel je hebt een beeld dat 1280 pixels bij 780 pixels, maar u wilt deze weergegeven bij 250 bij 100 pixels en het gebruik code om dat te bereiken.Omdat een webbrowser de volledige afbeelding moet laden voordat het aanpassen van hoe het op de website verschijnt, is de browser verspilt kostbare tijd, die een bezoeker zou kunnen rijden.

    Naast het aanpassen van de afmetingen van een foto, kunt u het te optimaliseren door het aanpassen van de bestandsgrootte.Gebruik beeldbewerkingssoftware om de bestandsgrootte te verminderen door het veranderen van de compressie.Test verschillende compressie-instellingen totdat u de maximale compressie, maar hebben nog steeds een duidelijk beeld.In het bovenstaande voorbeeld verminderen dat 1280 door 780-pixelbeeld tot 250 van 100 pixels en daarna het verhogen van de compressie 51 de bestandsgrootte te verminderen van 180 kB tot 18 kB.Dat is een besparing van maar liefst twee minuten laadtijd.

schrijven van de code en het uploaden van

  • Schrijf de juiste code voor het beeld verschijnt in HTML-document van de website.Typ de bestandsnaam van de pciture's precies hoe het lijkt, of op andere wijze een bezoeker's Web browser zal niet vinden.Bijvoorbeeld, moet u "picture.jpg", niet "picture.jpg" gebruiken als u alle hoofdletters in de bestandsnaam van de foto's gebruikt.Te coderen fouten in dit gebied te verminderen, hebben een standaard systeem voor het benoemen van uw beeldbestanden en hou je eraan.

    Zorg ervoor dat u in de HTML-code van de exacte pad - met inbegrip van de map waarin je de foto - naar de plaats waar de foto is opgeslagen op de server.Een manier om het pad codering fouten te verminderen en om uw serverruimte netjes is om foto's te plaatsen in een map met de naam "Pictures" of "beelden" of wat is voor u gemakkelijk te onthouden.

spelen op safe

  • Als u een foto-bestand begint te bewerken, nooit werken met het origineel.Maak een kopie van het bestand te bewerken of de naam van het bestand wanneer je voor het eerst de wijzigingen opslaan die u maakt zo onderhouden van een ongewijzigde origineel.Als u besluit de bewerking werk niet goed is of er een fout optreedt, dan heb je nog steeds een originele, ongewijzigde bestand om opnieuw te beginnen met.

Resources

  • Evrsoft HTML-editor
  • Dynamic Drive Online Image Optimizer
  • Iron Spider: Beste Graphics Redactie
747
0
0
Web Design