Guide: Lav et webclip-ikon
Se hvordan du lavet et iPhone-ikon til din hjemmeside, så det ser lækkert ud, når folk laver en bogmærke på deres iPhone eller iPad.
Når man tilføjer et direkte link til en hjemmeside på sin homescreen på iPhonen eller iPod Touch, laver man det Apple kalder et webclip. Når man laver et webclip tilføjes der automatisk et screenshot af hjemmesiden, der fungerer som ikon. Denne guide viser dig hvordan du selv kan lave det ikon der skal vises, når andre bookmarker din hjemmeside på deres homescreen, så du ikke drukner i mængden af små screenshots der alle ser mere eller mindre ens ud.
Fremgangsmåde
Det er meget enkelt:
1. Du skal bruge et billedredigeringsprogram (f.eks. photoshop) og lave et nyt billede på 57×57 pixels.
2. Lav ikonet som du synes det skal være.
3. Gem med navnet “apple-touch-icon.png”.
4. Upload det til roden på din hjemmeside. Mit simple ikon ligger f.eks. her: http://iphoneguide.dk/apple-touch-icon.png.
Du skal ikke bekymre dig om at lave runde hjørner eller den glossy effekt. Det sker automatisk når ikonet lægges på din homescreen. Billedet herunder til venstre, viser hvordan ikonet ser ud i en webbrowser, og til højre hvordan samme ikon ser ud når det tilføjes homescreen:
Har du ikke adgang til roden af din side eller ønsker du at ikonet skal ligge et andet sted, skal du inkludere denne html-tag i din header:
< link rel="apple-touch-icon" href="valgfrit_bibliotek/valgfrit_navn.jpg"/>
Læs mere hos Apple.
Sonys Music Unlimited til iPhone og iPod Touch
Er du hurtig på aftrækkeren?
Joke og Life: To iPhone-reklamer med John Malkovich
Nordic Game Awards i Malmø
gTar: Digital guitar med indbygget iPhone
Heltemod, ost og kloakslam
Hjælp en stakkels fugl i dens flugt mod friheden i dette hæsblæsende spil
Spring ud i det mørke rum, men sørg for at lande det rigtige sted
Æd en masse insekter, men vogt dig for de farlige
Apple: Den nye iPad har skiftet navn
Stemmediktering i Mountain Lion?
Ren science fiction: Styr Mac’en med håndbevægelser i luften
Foxconn opfører ny Apple-fabrik til 1,2 mia. kroner
Jailbreak til Apple TV version 5.0.1 klar
Apple-bestyrelsesmedlem: Apple rykker snart ind i folks dagligstuer
Mediedirektør: Apple TV gør intet for at hjælpe med at få internetmateriale på ens TV
Rygte: Apple vil købe TV-producenten Loewe
Bestyrelsesmedlem hos Foxconn: Vi gør os klar til produktion af Apple-fjernsyn
admin
@alle
Hvis nogle af mine læsere er superhajer til det med grafik og ikke har andet at lave, må I da meget gerne komme med et forslag til et andet ikon til min side.
I må også meget gerne poste ikoner fra jeres egen side, så vi kan se nogle eksempler. Det gælder også jer der ikke er superhajer
/martin
20. februar 2008 @ 16:34
Joppe
Hej
ER det også muligt at ændre allerede gemte weblinks eller lave ikoner på sider du ikke kan ændre på?
der må blive gemt et billede lokalt et eller andet sted i iPhonen!
Hilsen Joppe
20. februar 2008 @ 21:32
admin
@Jobbe
Man kan ikke direkte ændre hverken navn eller ikon på et allerede gemt webclip.
Det man kan er, at lave sit eget ikon til andres hjemmesider (dvs. bruge et andet end siden selv specificerer). Det kan man gøre på flere forskellige måder:
1. Lave forward fra din egen side til den side du vil lave til et webclip. På den måde bruges ikonet fra din egen side, men henviser til den anden side. Se mere her: http://pixelspread.com/blog/321/override-webclip-icons
2. Via javascript: http://allinthehead.com/retro/319/how-to-set-an-apple-touch-icon-for-any-site
Hvis andre har bedre forslag hørr jeg det gerne.
/martin
20. februar 2008 @ 22:41
LaWiPi
Hej Martin
Man kan godt ændre ikon på et webclip. Jeg har gjort det på en windows-pc.. send mig din mailadresse, så sender jeg en lille guide, med billeder og det hele til dig
14. marts 2008 @ 10:46
Bjarne
Hej Martin
Den guide vil jeg også gerne have
Hilsen
Bjarne
“Man kan godt ændre ikon på et webclip. Jeg har gjort det på en windows-pc.. send mig din mailadresse, så sender jeg en lille guide, med billeder og det hele til dig”
2. februar 2010 @ 23:54