• Hello there!
    Im building my business website from scratch using elementor and templates from envato elements.
    Currently I discovered that the background picture under the header is very pixelated but only in the mobile version. When using the desktop version everything looks good. Also: when I switch on my lap top to the mobile version it also looks finde – the problem just occurs when Im actually using my smartphone to show the page.
    I already tried to optimize the foto (reducing size) but it didnt help at all.
    Any ideas what else could be the problem and how to fix this?
    Im very grateful for any feedback!

    `
    ### wp-core ###
    
    version: 6.4.2
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    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: /home/u347703596/domains/upside-studio.de/public_html
    wordpress_size: 62,89 MB (65949090 bytes)
    uploads_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/uploads
    uploads_size: 183,17 MB (192070840 bytes)
    themes_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/themes
    themes_size: 94,18 MB (98749850 bytes)
    plugins_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/plugins
    plugins_size: 212,56 MB (222889810 bytes)
    database_size: 238,73 MB (250331136 bytes)
    total_size: 791,54 MB (829990726 bytes)
    
    ### wp-dropins (1) ###
    
    object-cache.php: true
    
    ### wp-active-theme ###
    
    name: Hello Elementor (hello-elementor)
    version: 2.9.0 (latest version: 3.0.0)
    author: Elementor Team
    author_website: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, menus, post-thumbnails, automatic-feed-links, title-tag, html5, custom-logo, editor-style, align-wide, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider
    theme_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/themes/hello-elementor
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (10) ###
    
    Astra: version: 4.5.1, author: Brainstorm Force (latest version: 4.6.2), Automatische Aktualisierungen deaktiviert
    GeneratePress: version: 3.3.1, author: Tom Usborne, Automatische Aktualisierungen deaktiviert
    Hestia: version: 3.1.0, author: ThemeIsle, Automatische Aktualisierungen deaktiviert
    Neve: version: 3.7.4, author: ThemeIsle (latest version: 3.7.5), Automatische Aktualisierungen deaktiviert
    OceanWP: version: 3.5.3, author: OceanWP, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Four: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.6, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Ultra Gym: version: 1.0.5, author: Theme Palace, Automatische Aktualisierungen deaktiviert
    Vertice: version: 1.0.4, author: Extend Themes, Automatische Aktualisierungen deaktiviert
    
    ### wp-mu-plugins (1) ###
    
    Affiliate Plugin: author: (undefined), version: (undefined)
    
    ### wp-plugins-active (12) ###
    
    All in One SEO: version: 4.5.3.1, author: All in One SEO Team, Automatische Aktualisierungen aktiviert
    Elementor: version: 3.18.2, author: Elementor.com (latest version: 3.18.3), Automatische Aktualisierungen deaktiviert
    Elementor Pro: version: 3.18.1, author: Elementor.com (latest version: 3.18.2), Automatische Aktualisierungen deaktiviert
    ElementsKit Lite: version: 3.0.4, author: Wpmet, Automatische Aktualisierungen deaktiviert
    Envato Elements: version: 2.0.12, author: Envato, Automatische Aktualisierungen deaktiviert
    Hostinger: version: 1.9.9, author: Hostinger, Automatische Aktualisierungen deaktiviert
    Hostinger AI Assistant: version: 1.6.7, author: Hostinger (latest version: 1.6.8), Automatische Aktualisierungen deaktiviert
    LiteSpeed Cache: version: 5.7.0.1, author: LiteSpeed Technologies (latest version: 6.0.0.1), Automatische Aktualisierungen deaktiviert
    Ocean Extra: version: 2.2.3, author: OceanWP (latest version: 2.2.4), Automatische Aktualisierungen deaktiviert
    Orbit Fox Companion: version: 2.10.26, author: Themeisle (latest version: 2.10.27), Automatische Aktualisierungen deaktiviert
    Site Kit by Google: version: 1.115.0, author: Google (latest version: 1.116.0), Automatische Aktualisierungen deaktiviert
    Skyboot Custom Icons for Elementor - Elementor Icons library: version: 1.0.7, author: Skybootstrap, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-inactive (1) ###
    
    Elementor Header & Footer Builder: version: 1.6.22, author: Brainstorm Force, Nikhil Chavan (latest version: 1.6.23), Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1808
    imagemagick_version: ImageMagick 7.1.0-62 Q16-HDRI x86_64 20885 https://imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 2048M
    upload_max_filesize: 2048M
    max_effective_size: 2 GB
    max_file_uploads: 20
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 2 TB
    	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    	imagick::RESOURCETYPE_FILE: 196608
    	imagick::RESOURCETYPE_MAP: 1.006 GB
    	imagick::RESOURCETYPE_MEMORY: 503 GB
    	imagick::RESOURCETYPE_THREAD: 1
    	imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FITS, FL32, FLV, FRACTAL, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCbCr, YCbCrA, YUV
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
    ghostscript_version: 9.27
    
    ### wp-server ###
    
    server_architecture: Linux 4.18.0-477.27.2.lve.el8.x86_64 x86_64
    httpd_software: LiteSpeed
    php_version: 8.1.26 64bit
    php_sapi: litespeed
    max_input_variables: 5000
    time_limit: 360
    memory_limit: 2048M
    max_input_time: 360
    upload_max_filesize: 2048M
    php_post_max_size: 2048M
    curl_version: 7.87.0 OpenSSL/1.1.1w
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2024-01-09T09:24:03+00:00
    utc-time: Tuesday, 09-Jan-24 09:24:03 UTC
    server-time: 2024-01-09T10:24:01+01:00
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 10.6.16-MariaDB-cll-lve
    client_version: mysqlnd 8.1.26
    max_allowed_packet: 1073741824
    max_connections: 2000
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/u347703596/domains/upside-studio.de/public_html/wp-content
    WP_PLUGIN_DIR: /home/u347703596/domains/upside-studio.de/public_html/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 2048M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### aioseo (1) ###
    
    noindexed: Suchseite
    
    ### google-site-kit ###
    
    version: 1.115.0
    php_version: 8.1.26
    wp_version: 6.4.2
    reference_url: https://upside-studio.de
    amp_mode: no
    site_status: not-connected
    user_status: not authenticated
    verification_status: not-verified
    connected_user_count: none
    active_modules: site-verification, search-console, pagespeed-insights
    recoverable_modules: none
    required_scopes: 
    	openid: ⭕
    	https://www.googleapis.com/auth/userinfo.profile: ⭕
    	https://www.googleapis.com/auth/userinfo.email: ⭕
    	https://www.googleapis.com/auth/siteverification: ⭕
    	https://www.googleapis.com/auth/webmasters: ⭕
    capabilities: 
    	googlesitekit_authenticate: ✅
    	googlesitekit_setup: ✅
    	googlesitekit_view_posts_insights: ⭕
    	googlesitekit_view_dashboard: ⭕
    	googlesitekit_manage_options: ⭕
    	googlesitekit_update_plugins: ⭕
    	googlesitekit_view_splash: ✅
    	googlesitekit_view_authenticated_dashboard: ⭕
    	googlesitekit_view_wp_dashboard_widget: ⭕
    	googlesitekit_view_admin_bar_menu: ⭕
    	googlesitekit_view_shared_dashboard: ⭕
    	googlesitekit_read_shared_module_data::["search-console"]: ⭕
    	googlesitekit_read_shared_module_data::["pagespeed-insights"]: ⭕
    	googlesitekit_manage_module_sharing_options::["search-console"]: ⭕
    	googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ⭕
    	googlesitekit_delegate_module_sharing_management::["search-console"]: ⭕
    	googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ⭕
    enabled_features: 
    	adsenseSetupV2: ⭕
    	enhancedMeasurement: ⭕
    	gm3Components: ⭕
    	keyMetrics: ⭕
    search-console_shared_roles: none
    search-console_management: owner
    pagespeed-insights_shared_roles: none
    pagespeed-insights_management: all_admins
    search_console_property: none
    
    `

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • hello i couldn’t reproduce the problem can you give me further explanation about it

    Thread Starter upsidestudio

    (@upsidestudio)

    When I open the website on my laptop the first picture of the page is perfectly sharp – no matter if I open it in the desktop version or in the mobile version. When I open the website on my phone the picture is very blurry and pixelated. How do I get a sharp picture even when I open the website on a mobile device?

    Your mobile image issue might be due to a few reasons. Try these steps:

    1. Check Image Quality: Use a high-resolution image, and try switching between JPEG and PNG formats to see which looks best.
    2. Elementor Mobile Settings: In Elementor, make sure the mobile settings for the background image are correctly adjusted (like size and position).
    3. Custom CSS: Use CSS media queries to set a high-quality background image specifically for mobile views.
    4. Optimize the Image: Make sure the image is optimized properly – good quality but not too heavy.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Foto in mobile version is blurry’ is closed to new replies.