Sådan tilføjes et hyperlink til et JPEG-billede i Photoshop

Som IT-ekspert bliver jeg ofte spurgt, hvordan man tilføjer et hyperlink til et JPEG-billede i Photoshop. Her er en hurtig gennemgang af, hvordan du gør det. Åbn først billedet i Photoshop. Vælg derefter det område, du vil linke til. For at gøre dette skal du klikke på 'Vælg'-værktøjet på værktøjslinjen og derefter klikke og trække for at oprette en markering. Når du har valget, skal du klikke på knappen 'Opret hyperlink' på værktøjslinjen. Dette åbner dialogboksen 'Indsæt hyperlink'. I dialogboksen 'Indsæt hyperlink' skal du indtaste den URL, du vil linke til, i feltet 'Link til'. Klik derefter på knappen 'OK'. Det er det! Du har nu tilføjet et hyperlink til dit JPEG-billede.

Vil have oprette et klikbart weblink til JPG ? Photoshop er Adobes alsidige grafikredigeringssoftware. Photoshop kan bruges til at udføre meget arbejde ud over traditionelle grafikopgaver. Måske opretter du et websted og vil tilføje billeder, der vil have links. Photoshop kan bruges til at tilføje et hyperlink til JPEG-billeder. Når du tilføje et hyperlink til et billede med Photoshop , Photoshop leverer også HTML-kode, så billedet kan indlejres på din hjemmeside.

Sådan tilføjes et hyperlink til et JPEG-billede i Photoshop

Tilføjelse af et hyperlink til en JPEG i Photoshop kan gøres for hele billedet eller en del af billedet. Evnen til at hyperlinke billeder i Photoshop er fantastisk til at tilføje billeder til websteder. E-handel fra andre websteder, der bruger billeder, kan gøre disse billeder klikbare. Du kan også oprette websider i Photoshop som et enkelt billede og derefter tilføje links. Så en webside kan designes smukt med Photoshop. Nødvendige trin:

1. Forbered billede
2. Tilføj hyperlink
3. Holde

1] Forbered billede

Åbn billedet i Photoshop ved at gå til Fil en masse åben eller ved at klikke Ctrl + О . Du vil se åben dialogvindue. Find et billede, klik på det, og tryk på åben . Du kan også åbne et billede ved at finde det på din computer, derefter højreklikke på det og vælge Åben fra kl og valg Adobe Photoshop . En anden måde at åbne et billede i Photoshop er at finde billedet og klikke og trække det ind i Photoshop.

Dette er billedet, som hyperlinkene vil blive tilføjet til. Billedet er et banner til bageriets hjemmeside.

Det billede, du vil hyperlinke til, kan være det billede, du i øjeblikket arbejder på. I begge tilfælde skal du gøre billedet attraktivt, men alligevel informativt, så det fanger brugernes opmærksomhed. Det åbnede billede kan redigeres og tilføje ord at sige Klik her eller noget at fortælle brugerne om at klikke på.

Du kan gøre hele billedet klikbart eller kun en del af det. Hvis du skal redigere et åbent billede for at gøre det til et link, kan du bare skrive Klik her på den eller noget, der fortæller brugerne om at klikke.

hvordan man skifter powerpoint baggrund

Når du opretter en webside i Photoshop, som du vil gøre klikbar, skal du oprette og gemme den som et billede. Så skal du beslutte dig for, hvor du vil være klikbar. Disse var normalt knapper, billeder, logoer og andre klikbare dele af en webside. Min måde at tilføje hyperlinks til et billede lavet i Photoshop er at gemme Photoshop-filen som en JPEG, og derefter åbne JPEG-filen i Photoshop og tilføje links.

2] Tilføj hyperlink

Når du er færdig med at forberede dit billede og er tilfreds med, hvordan det ser ud, kan du gå videre til næste trin. Definer den eller de dele af billedet, du vil hyperlinke til. Det ville være en god idé at gemme dit færdige billede eller din webside som en Photoshop PSD-fil. Dette giver dig mulighed for at foretage ændringer i billedet, hvis du har brug for det. Du kan derefter gemme en kopi af billedet i et andet filformat for at tilføje et hyperlink. Da billedet vil blive brugt på nettet, er det bedst at gemme det som en JPEG og derefter tilføje et hyperlink. Du kan tilføje knapper, tekst, ikoner eller andet, du vil hyperlinke til.

Klip billede

Nu hvor du har billedet klar og alt på plads, er det tid til at tilføje hyperlinket. Før dette kan gøres, skal du skære de dele af billedet ud, som du vil hyperlinke til.

Gå til venstre værktøjslinje og find udsnitsværktøjet, det er på den samme pop op-menu som beskæringsværktøjet. Hvis du ikke kan se Slicer-værktøjet, skal du trykke og holde Værktøj til skæring indtil du ser popup-menuen, så kan du klikke for at vælge Skær værktøj .

Når du har valgt Slicer-værktøjet, kan du cirkle om hvad som helst i billedet, som du vil linke til.

Du skal blot cirkulere et billede, en tekst, et ikon, en knap eller hvad du nu vil fremhæve. Klik og træk et element diagonalt, og du vil se en boks med et tal og nogle linjer. Hvert fragment lavet vil have et nummer. Du kan flytte udsnitsmarkøren rundt i billedet for at justere det ved hjælp af piletasterne på dit tastatur. Du kan også gøre udsnitsrammen omkring et element større eller mindre ved at svæve over siden, indtil der vises en pil med dobbelt spids, og derefter klikke og trække.

Microsoft-certificerede professionelle fordele

I denne artikel 'Klik for mere information' og kokkehuen bliver hyperlinket, alt efter hvad du ønsker, kan du tilføje hyperlinks til andre varer. chefen har der kan være et hyperlink til hjemmesiden, så brugeren føres til hjemmesiden, hver gang han klikker på den. Klik for mere information kan linkes til en side med yderligere information om salget eller andre oplysninger, du ønsker, at brugeren skal finde.

For at tilføje et hyperlink til flere steder i et billede skal du blot spore med Slicer-værktøjet over hvert område et efter et. Du kan tilføje den samme URL eller en anden URL til hvert uddrag.

Dette er billedet med de viste fragmenter. Kokkehuen og knappen Mere info er de hyperlinkede dele. Billedet har dog linjer, der får det til at se ud, som om det er skåret ind i et bord. Dette skyldes, at billedet faktisk skæres i skiver og placeres i en tabel, og derefter gemmer HTML dem sammen på websiden.

cortana suspenderet

Tilføj URL

Med uddragene oprettet, er det tid til at tilføje URL'en til uddragene. Højreklik på de uddrag, du vil referere til, og vælg Skift fragmentindstillinger .

Udsnitsmuligheder en dialogboks til tilføjelse af oplysninger vises. Du kan tilføje Navn billeder, og URL-adresse som du ønsker, at brugeren skal omdirigeres til, når han klikker. Hvis du vil have linket til at åbne i en ny fane, skal du skrive _tom I Mål Mark. For at gøre linket let tilgængeligt for synshandicappede, skal du tilføje beskrivende tekst til Tag alt Mark. Tryk på, når du er færdig med at indtaste oplysninger BØDE for at bekræfte oplysningerne og lukke vinduet. Du ville gentage trinnet for alle skiver.

Dette er et eksempel på, hvordan man udfylder dialogboksen for udskæringsindstillinger.

3] Gem

Nu hvor billedet er forberedt og hyperlinkene er tilføjet, er det tid til at gemme det, så det kan bruges på hjemmesiden. For at gemme gå til Fil Derefter Gem til web eller klik Alt + Shift + Ctrl + S . I nogle versioner af Photoshop skal du gå til 'Filer' og derefter Gem til web (forældet) .

Dialogboksen Gem til web vises.

kan ikke tilføje Microsoft-konto til Windows 10

Over hvor der er gif , klik på rullepilen, og vælg JPEG . Dette vil gemme output som en JPEG. JPEG er det bedste billedformat at bruge på nettet på grund af dets lille størrelse og det faktum, at Photoshop gemte filen som en bitmap. Rasterbilleder er bedst egnede til nettet. Når det er færdigt, klik Holde i den nederste del Dialogboksen Gem til web .

Dette vil åbne Gem optimeret som vindue . Gå til Format og vælg HTML og billede som filformat. Du vil bemærke, at filtypenavnet er blevet ændret til .html. Photoshop vil gemme HTML-filen med hyperlinks til billederne, såvel som selve billederne. Du vælger, hvor du vil gemme mappen.

Når du gemmer som HTML, gemmer du flere filer og mapper. Der er en HTML-fil, der vil ligne standardbrowseren. Der vil også være en mappe med billedstykker, der er blevet skåret i skiver. Bare rolig, HTML-koden optager alle brikkerne på websiden.

Når du gemmer filer, skal du sørge for, at HTML-filen og billedmappen er gemt på samme sted. HTML-filen vil blive linket til billedfiler ved hjælp af filens placering. Du skal muligvis oprette en mappe for at holde dem sammen. Klik på, når du er færdig Holde .

Når du er færdig med at gemme, skal du navigere til din valgte placering, og du vil se HTML-filen og mappen Billeder. Hvis du klikker på en HTML-webside, vil du se, at billedet åbner som en webside, og linkene er klikbare. De vil dog ikke føre dig til en webside eller internettet, de vil blot sige, at filerne ikke er tilgængelige. Dette skyldes, at filerne er isoleret fra den aktive webside.

Hvis du vil se HTML-koden, kan du højreklikke på HTML-filen og vælge 'Åbn med Notesblok