{"id":137644,"date":"2026-07-20T12:00:35","date_gmt":"2026-07-20T10:00:35","guid":{"rendered":"https:\/\/www.flyeralarm.com\/blog\/skillnaden-mellan-pixelgrafik-och-vektorgrafik\/"},"modified":"2026-07-21T13:59:38","modified_gmt":"2026-07-21T11:59:38","slug":"skillnaden-mellan-pixelgrafik-och-vektorgrafik","status":"publish","type":"post","link":"https:\/\/www.flyeralarm.com\/blog\/se\/skillnaden-mellan-pixelgrafik-och-vektorgrafik\/","title":{"rendered":"Skillnaden mellan pixelgrafik och vektorgrafik"},"content":{"rendered":"[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]<b><em><strong>Den som n\u00e5gon g\u00e5ng har f\u00f6rdjupat sig i olika bildformat har s\u00e4kert st\u00f6tt p\u00e5 begreppen pixel och vektor. B\u00e5da \u00e4r element som en bild kan best\u00e5 av. Men vad skiljer pixelgrafik fr\u00e5n vektorgrafik, vilka f\u00f6r- och nackdelar har de? Och f\u00f6r vilka grafiska arbeten passar de b\u00e4st? Vi har j\u00e4mf\u00f6rt de b\u00e5da och granskat dem lite n\u00e4rmare.<\/strong><\/em><\/b>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<h3><strong>Pixel eller vektor? \u2013 De viktigaste skillnaderna i korthet<\/strong><\/h3>\n<p>Den som arbetar med digitala bilder \u2013 vare sig det g\u00e4ller webbdesign, trycksaker eller logotypdesign \u2013 st\u00f6ter snabbt p\u00e5 tv\u00e5 grundl\u00e4ggande grafiktyper: <b>pixelgrafik<\/b> och <b>vektorgrafik<\/b>. B\u00e5da har sina specifika egenskaper, f\u00f6r- och nackdelar \u2013 och passar b\u00e4ttre eller s\u00e4mre beroende p\u00e5 anv\u00e4ndningsomr\u00e5det. F\u00f6r att du direkt ska veta vad som \u00e4r viktigt har vi h\u00e4r sammanfattat de viktigaste skillnaderna:<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]<strong>Pixelgrafik<\/strong><br \/>\nbest\u00e5r av sm\u00e5 f\u00e4rgpunkter (pixlar)<br \/>\n&#x2714; perfekt f\u00f6r foton och detaljrika bilder<br \/>\n\u2718 tappar sk\u00e4rpa vid f\u00f6rstoring<br \/>\n&#x25b6; vanliga format: JPG, PNG, TIF, PSD<br \/>\n&#x25b6; kan redigeras med t.ex. Photoshop[\/vc_column_text][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]<strong>Vektorgrafik<\/strong><br \/>\nbygger p\u00e5 matematiskt definierade linjer och ytor<br \/>\n&#x2714; kan skalas utan kvalitetsf\u00f6rlust \u2013 perfekt f\u00f6r logotyper och ikoner<br \/>\n\u2718 endast i begr\u00e4nsad utstr\u00e4ckning l\u00e4mplig f\u00f6r fotorealistiska \u00e5tergivningar<br \/>\n&#x25b6; vanliga format: SVG, EPS, AI, PDF (vektorbaserade)<br \/>\n&#x25b6; kan redigeras med t.ex. Illustrator[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]<b>Vektorgrafik k\u00e4nner man igen p\u00e5<\/b> att den aldrig blir suddig, inte ens vid kraftig inzoomning, och ofta har fil\u00e4ndelser som .svg, .eps eller .ai. Vill du veta om din PDF-fil inneh\u00e5ller vektordata? Zooma helt enkelt in v\u00e4ldigt kraftigt i PDF-filen. Om alla linjer och kanter f\u00f6rblir knivskarpa \u00e4r det en vektorfil. I en pixelbaserad fil skulle du vid en viss f\u00f6rstoring kunna se enskilda pixlar.<\/p>\n<p>Dra reglaget \u00e5t v\u00e4nster och h\u00f6ger f\u00f6r att direkt se skillnaden mellan pixelgrafik och vektorgrafik. Vid f\u00f6rsta anblicken ser bilden identisk ut, men vid f\u00f6rstoring blir pixelgrafiken suddig, medan vektorgrafiken f\u00f6rblir knivskarp \u00e4ven vid f\u00f6rstoring.[\/vc_column_text][divider line_type=&#8221;No Line&#8221; custom_height=&#8221;8&#8243;][nectar_image_comparison image_url=&#8221;122280&#8243; image_2_url=&#8221;122267&#8243;][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<p data-start=\"1464\" data-end=\"1630\">Om du vill veta mer om hur dessa grafiska format fungerar, vilka deras styrkor \u00e4r och n\u00e4r du b\u00e4st anv\u00e4nder vilket format, kan du l\u00e4sa mer i f\u00f6ljande artikel.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<h2>Pixelgrafik<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]Namnet \u201dpixel\u201d \u00e4r en kombination av de tv\u00e5 engelska orden \u201dpicture\u201d och \u201delement\u201d, vilket p\u00e5 svenska kan \u00f6vers\u00e4ttas till \u201dbildelement\u201d eller \u201dbildpunkt\u201d. Med \u201dpixel\u201d avses enskilda kvadratiska punkter som tillsammans bildar en bild. Var och en av dessa punkter har en f\u00e4rg, och det \u00e4r kombinationen av dessa f\u00e4rger som slutligen ger upphov till bilden. Normalt sett \u00e4r dessa punkter mycket sm\u00e5, s\u00e5 att s\u00e5 mycket f\u00e4rginformation som m\u00f6jligt kan \u00e5terges och resultatet blir skarpt. Det \u00e4r f\u00f6rst vid kraftig f\u00f6rstoring som man kan urskilja de enskilda best\u00e5ndsdelarna. Bildens m\u00e5tt f\u00f6r\u00e4ndras d\u00e5, men uppl\u00f6sningen f\u00f6rblir densamma. Den anges i dpi, det vill s\u00e4ga dots per inch (engelska f\u00f6r punkter per tum). Om en bild till exempel f\u00f6rstoras till dubbla storleken blir varje pixel dubbelt s\u00e5 stor. P\u00e5 en tum finns allts\u00e5 bara h\u00e4lften s\u00e5 m\u00e5nga bildpunkter kvar. Ju st\u00f6rre f\u00f6rstoringen \u00e4r, desto grovkornigare och mer pixelerad blir bilden.[\/vc_column_text][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][image_with_animation image_url=&#8221;3040&#8243; image_size=&#8221;full&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;Fade In&#8221; animation_easing=&#8221;default&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;right&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; image_loading=&#8221;default&#8221; max_width=&#8221;100%&#8221; max_width_mobile=&#8221;default&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]D\u00e4rmed blir ocks\u00e5 den tydligaste nackdelen med pixelgrafik uppenbar. Det g\u00e5r inte att \u00e4ndra storleken utan att kvaliteten f\u00f6rs\u00e4mras. Och ju st\u00f6rre och skarpare bilden \u00e4r, desto st\u00f6rre blir filen. Detta \u00e4r (i ordets r\u00e4tta bem\u00e4rkelse) ett stort problem, s\u00e4rskilt vid utskick via e-post. D\u00e4remot \u00e4r det m\u00f6jligt att \u00e5terge detaljer mycket exakt \u2013 beroende p\u00e5 hur h\u00f6g uppl\u00f6sningen \u00e4r. Komplexa f\u00e4rgnyanser och toningar \u00e4r inget problem h\u00e4r. Varje enskild punkt kan redigeras. Det finns m\u00e5nga olika filformat f\u00f6r olika anv\u00e4ndningsomr\u00e5den, var och ett anpassat efter sitt syfte. Dessa filformat \u00e4r inte bundna till ett visst program, utan kan visas och redigeras i de flesta bildbehandlingsprogram.<\/p>\n<p><span style=\"color: #b60f62\"><strong>Format:<\/strong><\/span> TIF, JPG, BMP, PNG, PSD, GIF och mer.<br \/>\n<span style=\"color: #b60f62\"><strong>Redigeringsprogram:<\/strong><\/span> t.ex. Adobe Photoshop, Fireworks, Corel PaintShop Pro[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text]\n<h2>Vektorgrafik<\/h2>\n<p>De flesta k\u00e4nner nog till begreppet \u201dvektor\u201d fr\u00e5n matematikundervisningen. Och faktum \u00e4r att vektorgrafik \u00e4r en sorts samling matematiska formler. Utifr\u00e5n informationen om geometriska figurer som linjer, kurvor, cirklar eller polygoner skapas grafik som s\u00e4tts samman till en mer komplex bild. Det \u00e4r inte pixlar som sparas, utan banor som till exempel inneh\u00e5ller information om storlek och f\u00e4rg. Dessa banor kan \u00e4ndras utan att kvaliteten f\u00f6rs\u00e4mras. S\u00e4rskilt vid f\u00f6rstoring blir skillnaden j\u00e4mf\u00f6rt med pixelgrafik tydlig. En vektorgrafik kan f\u00f6rstoras hur mycket som helst utan att f\u00f6rlora sk\u00e4rpa. De lagrade uppgifterna omr\u00e4knas till den nya storleken och figurerna ritas d\u00e4refter. D\u00e4rf\u00f6r l\u00e4mpar sig vektorgrafik s\u00e4rskilt v\u00e4l f\u00f6r logotyper eller ikoner, som ofta beh\u00f6vs i olika storlekar. Eftersom bilden d\u00e4rmed inte inneh\u00e5ller mer information, utan endast \u00e4ndrad information, blir inte heller filen st\u00f6rre.<br \/>\nTill skillnad fr\u00e5n en pixelgrafik \u00e4r det mycket sv\u00e5rt att \u00e5terge komplexa detaljer i en vektorgrafik. Effekter som skuggor eller reflektioner m\u00e5ste till exempel skapas manuellt med hj\u00e4lp av ytterligare element i motsvarande f\u00e4rgnyanser, vilket \u00e4r tidskr\u00e4vande. De filformat som vektorgrafik sparas i kr\u00e4ver oftast s\u00e4rskilda program som de \u00e4r kompatibla med. Visning och redigering \u00e4r d\u00e5 endast m\u00f6jlig i just det programmet. En .ai-fil kan till exempel endast \u00f6ppnas med Adobe Illustrator.<\/p>\n<p><span style=\"color: #b60f62\"><strong>Format:<\/strong><\/span> t.ex. EPS, AI, CDR, WMF, PDF<br \/>\n<span style=\"color: #b60f62\"><strong>Redigeringsprogram:<\/strong><\/span> t.ex. Adobe Illustrator, Corel Draw, Macromedia FreeHand[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>Bilder kan delas in i pixelgrafik och vektorgrafik, som skiljer sig \u00e5t i grunden ur teknisk synvinkel. Pixelgrafik best\u00e5r av enskilda bildpunkter, medan vektorgrafik bygger p\u00e5 former \u2013 och b\u00e5da har sina egna f\u00f6rdelar.<\/p>\n","protected":false},"author":66,"featured_media":122259,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3019],"tags":[9013,5727],"class_list":["post-137644","post","type-post","status-publish","format-standard","has-post-thumbnail","category-diy-se","tag-anleitung","tag-trykfiler-se"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/posts\/137644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/comments?post=137644"}],"version-history":[{"count":5,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/posts\/137644\/revisions"}],"predecessor-version":[{"id":137649,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/posts\/137644\/revisions\/137649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/media\/122259"}],"wp:attachment":[{"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/media?parent=137644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/categories?post=137644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/se\/wp-json\/wp\/v2\/tags?post=137644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}