{"id":3039,"date":"2015-11-03T09:34:25","date_gmt":"2015-11-03T08:34:25","guid":{"rendered":"http:\/\/www.flyeralarm.com\/blog\/de\/?p=3039"},"modified":"2025-11-27T11:11:10","modified_gmt":"2025-11-27T10:11:10","slug":"der-unterschied-von-pixel-und-vektorgrafiken","status":"publish","type":"post","link":"https:\/\/www.flyeralarm.com\/blog\/de\/der-unterschied-von-pixel-und-vektorgrafiken\/","title":{"rendered":"Der Unterschied zwischen Pixelgrafiken und Vektorgrafiken"},"content":{"rendered":"[vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]<em><strong>Wer sich schon einmal eingehender mit verschiedenen Bildformaten besch\u00e4ftigt hat, ist dabei sicherlich auch \u00fcber die Begriffe Pixel und Vektor gestolpert. Beides sind Elemente, aus denen ein Bild bestehen kann. Doch was unterscheidet Pixelgrafiken von Vektorgrafiken, welche Vor- und Nachteile haben sie? Und f\u00fcr welche grafischen Arbeiten benutzt man sie jeweils am besten? Wir haben die beiden gegen\u00fcbergestellt und ein wenig n\u00e4her beleuchtet.<\/strong><\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 data-start=\"168\" data-end=\"241\"><strong data-start=\"172\" data-end=\"241\">Pixel oder Vektor? \u2013 Die wichtigsten Unterschiede auf einen Blick<\/strong><\/h3>\n<p data-start=\"243\" data-end=\"656\">Wer mit digitalen Bildern arbeitet \u2013 sei es im Webdesign, Print oder bei der Logo-Erstellung \u2013 begegnet schnell zwei grundlegenden Grafiktypen: <strong data-start=\"387\" data-end=\"404\">Pixelgrafiken<\/strong> und <strong data-start=\"409\" data-end=\"427\">Vektorgrafiken<\/strong>. Beide haben ihre spezifischen Eigenschaften, Vor- und Nachteile \u2013 und eignen sich je nach Anwendung besser oder schlechter. Damit du direkt wei\u00dft, worauf es ankommt, findest du hier die wichtigsten Unterschiede zusammengefasst:<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]<strong data-start=\"660\" data-end=\"677\">Pixelgrafiken<\/strong><br data-start=\"677\" data-end=\"680\" \/>bestehen aus winzigen Farbpunkten (Pixeln)<br data-start=\"724\" data-end=\"727\" \/>\u2714 ideal f\u00fcr Fotos und detailreiche Bilder<br data-start=\"770\" data-end=\"773\" \/>\u2718 verlieren bei Vergr\u00f6\u00dferung an Sch\u00e4rfe<br data-start=\"814\" data-end=\"817\" \/>\u25b6 typische Formate: JPG, PNG, TIF, PSD<br data-start=\"857\" data-end=\"860\" \/>\u25b6 bearbeitbar mit z.\u202fB. Photoshop[\/vc_column_text][\/vc_column][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]<strong data-start=\"899\" data-end=\"917\">Vektorgrafiken<\/strong><br data-start=\"917\" data-end=\"920\" \/>basieren auf mathematisch definierten Linien und Fl\u00e4chen<br data-start=\"978\" data-end=\"981\" \/>\u2714 verlustfrei skalierbar \u2013 perfekt f\u00fcr Logos und Icons<br data-start=\"1037\" data-end=\"1040\" \/>\u2718 f\u00fcr fotorealistische Darstellungen nur eingeschr\u00e4nkt geeignet<br data-start=\"1105\" data-end=\"1108\" \/>\u25b6 typische Formate: SVG, EPS, AI, PDF (vektorbasiert)<br data-start=\"1163\" data-end=\"1166\" \/>\u25b6 bearbeitbar mit z.\u202fB. Illustrator[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]<strong data-start=\"1207\" data-end=\"1243\">Vektorgrafiken erkennen Sie daran<\/strong>, dass sie auch beim starken Zoomen nie unscharf wirken und oft Endungen wie .svg, .eps oder .ai haben. Sie m\u00f6chten wissen, ob Ihre PDF-Datei Vektordaten enthalten? Zoomen Sie einfach sehr stark in die PDF hinein. Bleiben alle Linien und Kanten knackig scharf, so handelt es sich um eine Vektordatei. Bei einer Pixeldatei w\u00fcrden Sie ab einem bestimmten Punkt Pixel erkennen.<\/p>\n<p style=\"text-align: left\">Schieben Sie den Regler nach links und rechts, um direkt den Unterschied zwischen der Pixelgrafik und Vektorgrafik zu sehen. Auf den ersten Blick wirkt das Bild identisch, bei der Vergr\u00f6\u00dferung erscheint die Pixelgrafik jedoch unscharf, w\u00e4hrend die Vektorgrafik auch in der Vergr\u00f6\u00dferung gestochen scharf bleibt.<\/p>\n[\/vc_column_text][divider line_type=&#8220;No Line&#8220; custom_height=&#8220;8&#8243;][nectar_image_comparison image_url=&#8220;122280&#8243; image_2_url=&#8220;122267&#8243;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<p data-start=\"1464\" data-end=\"1630\">Wer genauer wissen will, wie diese Grafiktypen funktionieren, wo ihre St\u00e4rken liegen und wann du welches Format am besten einsetzt, erf\u00e4hrt im folgenden Beitrag mehr.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2>Pixelgrafiken<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Der Name Pixel ist eine Kombination der beiden englischen Begriffe \u201epicture\u201c und \u201eelement\u201c, zu Deutsch so viel wie Bildelement oder Bildpunkt. Als Pixel werden einzelne quadratische Punkte bezeichnet, aus denen sich ein Bild zusammensetzt. Jeder dieser Punkte hat eine Farbe und aus ihrer Kombination ergibt sich schlie\u00dflich das Bild. Im Normalfall sind diese Punkte sehr klein, damit m\u00f6glichst viele Farbinformationen widergegeben werden k\u00f6nnen und das Ergebnis scharf ist. Erst bei starker Vergr\u00f6\u00dferung erkennt man die einzelnen Bestandteile. Dabei \u00e4ndern sich die Abmessungen des Bildes, seine Aufl\u00f6sung bleibt aber gleich. Diese wird in dpi, also dots per inch (engl. f\u00fcr Punkte pro Zoll) angegeben. Wird ein Bild zum Beispiel auf das Doppelte vergr\u00f6\u00dfert, wird jedes Pixel doppelt so gro\u00df. Auf einem Inch sind also nur noch halb so viele Bildpunkte. Je st\u00e4rker die Vergr\u00f6\u00dferung, desto grobk\u00f6rniger, pixeliger wird das Bild.[\/vc_column_text][\/vc_column][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;3040&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;right&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Damit wird auch schon der deutlichste Nachteil von Pixelgrafiken klar. Das \u00c4ndern der Gr\u00f6\u00dfe bei gleichbleibender Qualit\u00e4t ist nicht m\u00f6glich. Und je gr\u00f6\u00dfer und sch\u00e4rfer das Bild, desto gr\u00f6\u00dfer die Datei. Gerade beim Versenden per Mail ein (im wahrsten Sinne des Wortes) gro\u00dfes Problem. Daf\u00fcr ist eine sehr genaue Darstellung von Details m\u00f6glich \u2013 je nachdem, wie hoch die Aufl\u00f6sung ist. Komplexe Farbabstufungen und Verl\u00e4ufe sind hier kein Problem. Jeder einzelne Punkt kann bearbeitet werden. Es gibt viele verschiedene Dateiformate f\u00fcr unterschiedliche Einsatzbereiche, jeweils auf diese zugeschnitten. Diese Dateiformate sind nicht an ein bestimmtes Programm gebunden, sondern k\u00f6nnen in den meisten Bildbearbeitungsprogrammen angezeigt und bearbeitet werden.<\/p>\n<p><span style=\"color: #b60f62\"><strong>Formate:<\/strong><\/span> TIF, JPG, BMP, PNG, PSD, GIF, uvm.<br \/>\n<span style=\"color: #b60f62\"><strong>Bearbeitungsprogramme:<\/strong><\/span> z. B. Adobe Photoshop, Fireworks, Corel PaintShop Pro[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_video link=&#8220;https:\/\/www.youtube.com\/watch?v=5BxILP3GhTI&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2>Vektorgrafiken<\/h2>\n<p>Den Begriff Vektor kennen die meisten wahrscheinlich noch aus dem Mathe-Unterricht. Und tats\u00e4chlich ist eine Vektorgrafik eine Art mathematische Formelsammlung. Aus den Informationen von geometrischen Figuren wie Linien, Kurven, Kreisen oder Polygonen entstehen Grafiken, die zu einem komplexeren Bild zusammengef\u00fcgt sind. Dabei werden keine Pixel, sondern Pfade gespeichert, die zum Beispiel die Informationen zu Gr\u00f6\u00dfe und Farbe enthalten. Diese Pfade k\u00f6nnen ver\u00e4ndert werden, ohne dass ein Qualit\u00e4tsverlust entsteht. Vor allem bei einer Vergr\u00f6\u00dferung wird hier der Unterschied zu Pixelgrafiken deutlich. Eine Vektorgrafik kann beliebig vergr\u00f6\u00dfert werden, ohne an Sch\u00e4rfe einzub\u00fc\u00dfen. Die gespeicherten Angaben werden auf die neue Gr\u00f6\u00dfe umgerechnet und die Figuren entsprechend gezeichnet. So eignen sich Vektorgrafiken besonders f\u00fcr Logos oder Icons, die oft in verschiedenen Gr\u00f6\u00dfen gebraucht werden. Weil das Bild dadurch nicht mehr, sondern nur ge\u00e4nderte Informationen enth\u00e4lt, wird auch die Datei nicht gr\u00f6\u00dfer.<\/p>\n<p>Im Gegensatz zu einer Pixelgrafik lassen sich in einer Vektorgrafik komplexe Details nur sehr schwer darstellen. Effekte wie Schatten oder Reflektionen zum Beispiel m\u00fcssen aufw\u00e4ndig mit zus\u00e4tzlichen Elementen in den entsprechenden Farbabstufungen per Hand angelegt werden. Die Dateiformate, als die Vektorgrafiken abgespeichert werden, erfordern meist spezielle Programme, mit denen sie kompatibel sind. Eine Ansicht und Bearbeitung ist dann nur in diesem Programm m\u00f6glich. Eine .ai-Datei kann zum Beispiel nur mit Adobe Illustrator ge\u00f6ffnet werden.<\/p>\n<p><span style=\"color: #b60f62\"><strong>Formate:<\/strong><\/span> z. B. EPS, AI, CDR, WMF, PDF<br \/>\n<span style=\"color: #b60f62\"><strong>Bearbeitungsprogramme:<\/strong><\/span> z. B. Adobe Illustrator, Corel Draw, Macromedia FreeHand[\/vc_column_text][vc_video link=&#8220;https:\/\/www.youtube.com\/watch?v=Z2cRSJdOUsc&#8220;][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>Bilder lassen sich in Pixelgrafiken und Vektorgrafiken einteilen, die sich technisch grundlegend unterscheiden. Pixel bestehen aus einzelnen Bildpunkten, w\u00e4hrend Vektoren auf Formen basieren \u2013 mit jeweils eigenen St\u00e4rken.<\/p>\n","protected":false},"author":53,"featured_media":122254,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[103,293],"class_list":{"0":"post-3039","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-know-how","8":"tag-anleitung","9":"tag-druckdaten"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/3039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=3039"}],"version-history":[{"count":18,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/3039\/revisions"}],"predecessor-version":[{"id":129191,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/3039\/revisions\/129191"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media\/122254"}],"wp:attachment":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=3039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=3039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=3039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}