Support » Allgemeine Fragen » Logo und Coverbild wird bei responsive verpixelt dargestellt

  • Gelöst michellecrapiz

    (@michellecrapiz)


    Hallo ihr lieben,

    leider habe ich keinen passenden Thread für mein Problem gefunden. Es geht um meine Website http://www.mjcdesign.de die ich über Ionos hoste. Das Thema das ich verwende heißt Neve.

    Auf der Startseite ist mein Logo und Coverbild zu sehen. Das Logo ist sowohl bei Ansicht auf dem PC wie auch bei der responsive Ansicht auf dem Handy verpixelt. Das Coverbild ist nur bei der responsive Ansicht verpixelt. IM Forum habe ich gelesen, dass man die genauen Bildgrößen braucht damit WordPress diese nicht selbst verkleinert. Ich habe die Bildgrößen bereits angepasst und auch verschiedene Dateiformate ausprobiert, damit WordPress mir meine Bilder nicht cropped leider ohne Erfolg. Ich arbeite das erste mal mit WordPress und bin langsam absolut ratlos.

    Anmerkung: Ich weiß, dass das PNG vom Logo im Moment eine viel zu Größe Bildgröße hat, allerdings war das die Version die optisch noch am schärfsten wirkte. Hatte das Logo auch mal als JPEG und PNG drin, mit kleiner, genauer und großer Bildgröße und auch mit verschiedenen Auflösungen. Alle mit dem Ergebnis, dass es noch verpixelter war als die aktuelle Datei.

    Hier der Website Bericht :

    wp-core
    
    version: 6.1.1
    site_language: de_DE
    user_language: de_DE
    timezone: +01:00
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true wp-paths-sizes wordpress_path: /homepages/24/d4297056334/htdocs/wordpress
    wordpress_size: 84,41 MB (88505468 bytes)
    uploads_path: /homepages/24/d4297056334/htdocs/wordpress/wp-content/uploads
    uploads_size: 6,37 MB (6683280 bytes)
    themes_path: /homepages/24/d4297056334/htdocs/wordpress/wp-content/themes
    themes_size: 10,57 MB (11078404 bytes)
    plugins_path: /homepages/24/d4297056334/htdocs/wordpress/wp-content/plugins
    plugins_size: 39,95 MB (41895717 bytes)
    database_size: 15,16 MB (15892480 bytes)
    total_size: 156,46 MB (164055349 bytes) wp-active-theme name: Neve (neve)
    version: 3.5.3
    author: ThemeIsle
    author_website: https://themeisle.com
    parent_theme: none
    theme_features: core-block-patterns, hfg_support, widgets-block-editor, title-tag, post-thumbnails, automatic-feed-links, custom-logo, html5, customize-selective-refresh-widgets, custom-background, align-wide, editor-color-palette, fl-theme-builder-headers, fl-theme-builder-footers, fl-theme-builder-parts, header-footer-elementor, lifterlms-sidebars, lifterlms, service_worker, starter-content, menus, widgets, themeisle-demo-import
    theme_path: /homepages/24/d4297056334/htdocs/wordpress/wp-content/themes/neve
    auto_update: Aktiviert wp-mu-plugins (2) IONOS Marketplace: version: 1.1.5, author: IONOS
    WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (15) Colibri Page Builder: version: 1.0.223, author: ExtendThemes, Automatische Aktualisierungen deaktiviert
    Forminator: version: 1.22.1, author: WPMU DEV, Automatische Aktualisierungen deaktiviert
    Image optimization service by Optimole: version: 3.5.6, author: Optimole, Automatische Aktualisierungen deaktiviert
    IONOS Assistant: version: 8.4.5, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Help: version: 2.2.1, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Journey: version: 1.0.2, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Login: version: 2.2.1, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Navigation: version: 1.0.7, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Performance: version: 2.0.3, author: IONOS, Automatische Aktualisierungen aktiviert
    jQuery Colorbox: version: 4.6.2, author: Arne Franken, Automatische Aktualisierungen deaktiviert
    Meta Slider and Carousel with Lightbox: version: 1.7, author: WP OnlineSupport, Essential Plugin, Automatische Aktualisierungen deaktiviert
    Otter – Page Builder Blocks & Extensions for Gutenberg: version: 2.2.2, author: ThemeIsle, Automatische Aktualisierungen deaktiviert
    Templates Patterns Collection: version: 1.1.34, author: ThemeIsle, Automatische Aktualisierungen deaktiviert
    Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 20.1, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-media image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: File uploads is turned off
    post_max_size: 64M
    upload_max_filesize: 64M
    max_effective_size: 64 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.27 wp-server server_architecture: Linux 4.4.302-icpu-088 x86_64
    httpd_software: Apache
    php_version: 8.0.28 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 5000
    time_limit: 50000
    memory_limit: -1
    max_input_time: -1
    upload_max_filesize: 64M
    php_post_max_size: 64M
    curl_version: 7.64.0 OpenSSL/1.1.1n
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true wp-database extension: mysqli
    server_version: 10.6.10-MariaDB-1:10.6.10+maria~deb11-log
    client_version: mysqlnd 8.0.28
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /homepages/24/d4297056334/htdocs/wordpress/wp-content
    WP_PLUGIN_DIR: /homepages/24/d4297056334/htdocs/wordpress/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: -1
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable neve api: Ja
    child: Nein
    customizer_css: Nein

    Wenn mir jemand erklärt, wie man Screenshots hinzufügt reiche ich diese gerne noch nach.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Aus irgendeinem Grund ist dir ein Code G-FM***BMX in die Website gerutscht. Vielleicht hast du den an einer falschen Stelle eingetragen?

    Das Coverbild („more than just creativity“) wirkt auf mich (auch in der Ansicht auf dem Smartohone) nicht verpixelt; das Logo schon. Da das Logo aber nicht hochskaliert wird, nehme ich an, dass beim Anlegen des Bildes ein Fehler gemacht wurde.

    Für eine gescheite Darstellung auf Retina-Displays lade ich Logos immer in 1,5facher Größe hoch und überspringe das Zuschneiden. Durch das Stylesheet des Themes wird das Bild dann runterskaliert, was üblicherweise besser aussieht, als das Logo in Originalgröße hochzuladen.

    Auf das Plugin zur Bildoptimierung würde ich erst einmal verzichten – gut möglich, dass hier eine falsche Einstellung die Ansicht negativ beeinflusst.

    Thread-Starter michellecrapiz

    (@michellecrapiz)

    Vielen lieben Dank 🙂 Ich habe es genauso gemacht wie von dir beschrieben. Das Logo ist jetzt nicht mehr verpixelt.

    Und nach zwei Stunden habe ich auch gefunden an welcher Stelle der Code reingerutscht ist.

    • Diese Antwort wurde geändert vor 1 Jahr, 1 Monat von michellecrapiz.
    Moderator Bego Mario Garde

    (@pixolin)

    Danke für die Rückmeldung. Schön, dass es jetzt läuft.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Logo und Coverbild wird bei responsive verpixelt dargestellt“ ist für neue Antworten geschlossen.