Konvertera bilder till SVG
-
Scalable Vector Graphics
Vad är SVG? Scalable Vector Graphics är en XML definition och formatet går att redigera i vilken texteditor som helst. Det är dock lämpligast att använda ett ritprogram som Inkscape för att skapa symbolerna.
För några år sedan så var det inget bra stöd för SVG i olika program, speciellt webbläsare, och då valde man hellre ett rasterformat som PNG för sin grafik. PNG fungerar fortfarande bra. Idag stödjer så gott som alla webläsare SVG och många av Open Source grafikprogrammen kan hantera formatet.
Varför skall man då använda SVG? Jo, det är för att det skapar enkelt skalbara symboler som blir snygga på skärm och i tryck. Rasterformat brukar kunna bli bra på skärm, men det är inte alltid det blir bra i tryck. Skalbart blir rasterformat bara om det är väldigt stora rasterbilder, men då får man i stället prestandaproblem när mycket data helt plötsligt skall hanteras.
Vad är lämpligt att avbilda med SVG? Enkel till medelavancerad grafik som går att bygga upp av kända symboler som punkter, linjer, cirklar, fyrkanter med mera. Går det att skapa symbolen i Power Point (LibreOffice Impress) så är den lämplig som SVG. Det program som vanligen används för att skapa SVG filer är Inkscape. Det är inte lätt att hantera så jag brukar rekommendera LibreOffice Impress i stället. Det är en OpenSource motsvarighet till Power Point och är lite enklare att skapa grafik i än Inkscape.
Även om det går att skapa symboler med linjer, så blir tjockleken inte alltid så bra. Linjer blir därför väldigt tunna oavsett vilken tjocklek som angivits i Impress. Lösningen är att använda flera polygoner på varandra med lite olika storlek och färg, för att på så sätt skapa en skalbar illusion av en kantlinje.
Tips! Om du har behov av mer avancerade symboler och kan rita den i ett vanligt ritprogram, ta en bild på den med en kamera eller redan har symbolen som rasterfil. Sedan är det bara att konvertera till SVG.
Onlineverktyg
Med dessa verktyg så kan man konvertera vanliga bilder till SVG lätt!
-
Tänkte tipsa er om GIMP (GNU Image Manipulation Program)
Om du vill redigera dina bilder smidigt och inte har råd att köpa Photoshop så rekommenderar jag Gimp. Programmet klarar det mesta och är ett Open source projekt. Detta gör att det är fritt att använda.
gimp-2.9-screenshot-960x540-original.jpg
Gimp har stöd för många plattformar
Linux Microsoft Windows Mac OS X Sun OpenSolaris FreeBSD
Little GIMP Tricks and ShortCuts that you Can Use In Every Image
För att ladda hem och även läsa mer så kan ni besöka GIMP. För att komma igång snabbt så rekommenderar jag denna länk till snabbtips.
-
Bilder och ikoner
Det är bra att känna till källor där man kan hitta bilder som både är vackra och gratis att använda för projekt. Börjar här en tråd där jag lägger in det vi kommer fram till! För er som vill ladda ner datorbakgrunder till din dator så är det bara att köra på. Finns mycket att välja på!
Dreamstime
75 miljoner bilder, världens största community, 20 miljoner användareFlaticon
Över 100 000+ vector ikonerFreeimages
Över 100 000 gratis foton och bilderGraphicsfuel
*Lite gratis material som användbara PSD TemplatesPsdgraphics
No attribution - CC0
Photoshop-materialPexels - licens
Alla foton och videor på Pexels kan laddas ner och användas gratis. Attribution krävs inte. Att ge kredit till fotografen eller Pexels är inte nödvändigt men alltid uppskattat.Pixabay - licens
Fantastiska royaltyfria bilder och illustrationer.Stocksnap.io - licens
Källa nummer ett för vackra foton. Hög kvalitet och högupplösta bilder som är fria från alla restriktionerUnsplash - licens
Bra ställe med bilder man kan använda - attribution behövs ejSka försöka hålla denna lista uppdaterad.
-
För att kunna modifiera bilder så behöver du ett bildredigeringsprogram som tex Gimp eller Pixlr. Själv använder jag gimp för allt eftersom man kan göra allt i detta underbara opensource program.
Hur ändrar jag storlek i
Gimp
Öppna via Arkiv och klicka öppna bild...
Sedan går du till Bild och klickar på Skala bildPixlr
Öppna via Arkiv och klicka öppna...
Sedan går du till Bild och klickar på BildstorlekLättast är att använda Pixlr eftersom den är onlinebaserad, vilket betyder att man inte behöver installera något på sin dator.
-
Scalable Vector Graphics
Vad är SVG? Scalable Vector Graphics är en XML definition och formatet går att redigera i vilken texteditor som helst. Det är dock lämpligast att använda ett ritprogram som Inkscape för att skapa symbolerna.
För några år sedan så var det inget bra stöd för SVG i olika program, speciellt webbläsare, och då valde man hellre ett rasterformat som PNG för sin grafik. PNG fungerar fortfarande bra. Idag stödjer så gott som alla webläsare SVG och många av Open Source grafikprogrammen kan hantera formatet.
Varför skall man då använda SVG? Jo, det är för att det skapar enkelt skalbara symboler som blir snygga på skärm och i tryck. Rasterformat brukar kunna bli bra på skärm, men det är inte alltid det blir bra i tryck. Skalbart blir rasterformat bara om det är väldigt stora rasterbilder, men då får man i stället prestandaproblem när mycket data helt plötsligt skall hanteras.
Vad är lämpligt att avbilda med SVG? Enkel till medelavancerad grafik som går att bygga upp av kända symboler som punkter, linjer, cirklar, fyrkanter med mera. Går det att skapa symbolen i Power Point (LibreOffice Impress) så är den lämplig som SVG. Det program som vanligen används för att skapa SVG filer är Inkscape. Det är inte lätt att hantera så jag brukar rekommendera LibreOffice Impress i stället. Det är en OpenSource motsvarighet till Power Point och är lite enklare att skapa grafik i än Inkscape.
Även om det går att skapa symboler med linjer, så blir tjockleken inte alltid så bra. Linjer blir därför väldigt tunna oavsett vilken tjocklek som angivits i Impress. Lösningen är att använda flera polygoner på varandra med lite olika storlek och färg, för att på så sätt skapa en skalbar illusion av en kantlinje.
Tips! Om du har behov av mer avancerade symboler och kan rita den i ett vanligt ritprogram, ta en bild på den med en kamera eller redan har symbolen som rasterfil. Sedan är det bara att konvertera till SVG.
Onlineverktyg
Picsvg SVG editMed dessa verktyg så kan man konvertera vanliga bilder till SVG lätt!
Senaste inläggen från UEX
Nyheter
Sucker Punch lovar att respektera Japans historia och kultur i Ghost of Yotei2025-05-17 16:00 Nate Fox berättar hur seriöst de tar den kulturella och historiska aspekten. |
Tom Cruise diskuterar en eventuell uppföljare till Days of Thunder2025-05-17 14:44 Snart har 40 år hunnit passera sedan Tom Cruises pangsuccé Top Gun tog världen med storm och resulterade i ett av världens bäst säljande soundtrack och en uppföljare 35 år senare som hyllades av kritiker såväl som fans. Tack vare Top Gun: Mavericks framgång, blev det genast diskussioner om ytterligare en uppföljare - något Tom Cruise själv har bekräftat är under utveckling. |
Master Chief provar på livet som Doom Slayer2025-05-17 14:03 Under veckan var det premiär för {Doom: The Dark Ages}, och när en Microsoft-ägd studio släpper ett stort spel finns en tradition av att andra Xbox Game Studios-utvecklare gratulerar till releasen på sociala medier tillsammans med något slags photoshop. |
Ghost of Yotei-chefen utlovar en respektfull representation av japansk kultur2025-05-17 12:33 2020 års samuraj-äventyr Ghost of Tsushima vann spelares hjärtan på många sätt, och hyllades inte minst i på grund av den välgjorda representationen av 1200-talets japanska kultur. Ghost of Yoteis game director Nate Fox berättar i en nytt inlägg på Playstation.Blog att uppföljarens 1600 tals-era kommer att vara minst lika respektfullt återgiven. |
Enligt rykten kommer Red Dead Redemption 2 släppas till Switch 22025-05-17 12:00 Bärbara cowbojsare. |
Killer Instinct Gold ute nu till Nintendo Switch Online + Expansion Pack2025-05-17 11:56 Det är lätt att glömma att de superbarnvänliga och mysiga spelmakarna hos Rare faktiskt släppte ett av de mest våldsamma Nintendo-utgivna spelen till Super Nintendo. Vi talar såklart om klassiska och hypersnygga Killer Instinct, vilket senare fick arkaduppföljaren Killer Instinct 2. |
Rykte: One Punch Man på väg till Fortnite2025-05-17 11:25 Som vi tidigare rapporterat ett flertal gånger så öser Epic Games på med samarbeten i {Fortnite}. Inte sällan handlar det om anime-relaterade sådana och nu ser vi tecken på att en annan älskad animeklassiker är på gång till spelet, nämligen One Punch Man. |
Hideo Kojima säkrar sitt spelarv inför framtiden2025-05-17 09:29 Testamenterar sina idéer på en USB-sticka. |
Jade Raymond lämnar den egna utvecklaren Haven Studios2025-05-16 16:03 Och ytterligare en rapport om att deras rånarspel Fairgame$ har försenats. |
Ond bråd spelhelg – vad spelar du?2025-05-16 15:00 Vi håller buset i schack och retron uppe i varv. Japp, för nu är det spelhelg. |