Jump to content

Logo Header Flou

jlan62000
 Share

Recommended Posts

jlan62000 Newbie

jlan62000

Posted
Posted

Bonjour,

J'ai uploadé sur une boutique prestashop 1.6  un nouveau logo en PNG.

 

Depuis le back office dans Préférences / Images / ...

- Qualité image : Utiliser le PNG uniquement si l'image de base est au format PNG.
- Qualité jpeg : 90
- Qualité png : 7


Mais...je rencontre un problème concernant le logo.

Quelque soit la définition de mon logo (jpeg, png...), ce dernier est flou.

Je m'aperçois qu'il est dans le répertoire /img toujours avec l'extension .jpg alors que j'utilise un .png

Quelqu'un connait il une solution pour pallier à ce problème?

Merci d'avance pour votre aide.

 

Le site : www.scrapbooking-boutique.net

 

post-1087719-0-58133800-1442754555_thumb.png

 

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Bonjour

 

Est-ce que  votre problème est résolu ?

Une image flou peut-être dû à une taille trop petite, ou de la résolution X Y trop faible.

 

Prestashop par défaut transforme en jpg quelque soit l'extension d'origine.

Selon les versions il suffit de modifier l'extension dans le header.tpl, regardez dans le back office Préférences > Images >

 

vous avez une case à cocher : Utiliser le PNG uniquement si l'image de base est au format PNG

Link to comment
Share on other sites
  • 2 weeks later...
jlan62000 Newbie

jlan62000

Posted
  • Author
Posted (edited)

Bonjour Oron,

 

Non malheureusement, mon problème n'est toujours pas résolu.

Je vous remercie de votre aide.

 

Voici le détail ci-dessous du fichier header.tpl du thème utilisé pour le site

Je ne sais pas vraiment où se trouve l'extension à modifier ?

 

Concernant la case à cocher "Utiliser le PNG uniquement si l'image de base est au format PNG", je l'ai bien cochée mais le logo est toujours avec l'extension .jpg

 

Merci encore de votre aide

 



{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"><![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"><![endif]-->
<html lang="{$lang_iso}">
    <head>
        <meta charset="utf-8" />
        <title>{$meta_title|escape:'html':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
        <meta name="description" content="{$meta_description|escape:'html':'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
        <meta name="keywords" content="{$meta_keywords|escape:'html':'UTF-8'}" />
{/if}
        <meta name="generator" content="PrestaShop" />
        <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
        <meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, initial-scale=1.0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        {if isset($theme_settings)}<meta name="application-name" content="{$theme_settings.version}" />{/if}
        <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
        <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
{if isset($theme_settings)}

{/if}
{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
        <link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" />
    {/foreach}
{/if}
        {$HOOK_HEADER}
        <!--[if IE 8]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if $logged}registered {else}guest {/if}{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if} lang_{$lang_iso}{if isset($theme_settings)}{if $theme_settings.mobileBlocks == 0} nomobileBlocks{/if}{if $theme_settings.widescreen == 0} fixed-width{/if} preset{$theme_settings.preset}{/if} lng-{$lang_iso}">
    {include file="./svg.tpl"}
    {if !$content_only}
        {if isset($theme_settings) && $theme_settings.toTop == 1}
        <div id="scrollTop"><a class="button" href="#top"></a></div>
        {/if}
        {if isset($restricted_country_mode) && $restricted_country_mode}
            <div id="restricted-country">
                <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
            </div>
        {/if}
        <div id="page">
            <div class="header-container">
                <header id="header">
                    <div class="banner">
                        <div class="container">
                            <div class="row">
                                {hook h="displayBanner"}
                            </div>
                        </div>
                    </div>
                    <div class="nav">
                        <div class="container">
                            <div class="row">
                                <nav>
                                    {if ($theme_settings.preset == 5)}    
                                        {if isset($HOOK_TOP)}<div class="header-inner-bottom">{$HOOK_TOP}</div>{/if}
                                    {/if}
                                    {hook h="displayNav"}    
                                    {if ($theme_settings.preset == 6)}    
                                        {if isset($HOOK_TOP)}<div class="header-inner-bottom">{$HOOK_TOP}</div>{/if}
                                    {/if}                                
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="container header-bottom">
                            <div class="row">
                                {if $theme_settings.preset != 7}
                                <div id="header_
                                " class="col-md-4 col-sm-4 col-xs-12 logo-container{if isset($theme_settings) && ($theme_settings.logo_center == 1)} align_center{/if}">
                                    <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
                                        <img class="logo {if isset($theme_settings) && isset($theme_settings.logo_type) && $theme_settings.logo_type == 1} hidden{/if}" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
                                        <span id="logo-text" class="{if isset($theme_settings) && isset($theme_settings.logo_type) && $theme_settings.logo_type == 0}hidden{/if}">
                                            {if isset($theme_settings.logo_text)}<span class="logo">{$theme_settings.logo_text}</span>{/if}
                                            {if isset($theme_settings.slogan)}<span class="slogan">{$theme_settings.slogan}</span>{/if}    
                                        </span>    
                                    </a>                                    
                                </div>
                                {/if}
                                <div class="col-md-8 col-sm-8 col-xs-12 header-inner-right">  
                                    {if isset($theme_settings) && ($theme_settings.c_block == 1)}
                                    {if ($theme_settings.email_sk_acc != "") || ({$theme_settings.email_em_acc != ""})}
                                    <div class="header-box contact-infos pull-right">
                                        <ul>
                                            {if ($theme_settings.email_sk_acc != "")}<li><span class="header-box-icon header-box-icon-skype"></span>{$theme_settings.email_sk_acc}</li>{/if}
                                            {if ($theme_settings.email_em_acc != "")}<li><span class="header-box-icon header-box-icon-email"></span><a class="mailto-link" href="mailto:{$theme_settings.email_em_acc}">{$theme_settings.email_em_acc}</a></li>{/if}
                                        </ul>
                                    </div><!-- End .contact-infos -->    
                                    {/if}                                    
                                    {if ($theme_settings.email_ph_acc != "") || ({$theme_settings.email_ph_acc2 != ""})}
                                    <div class="header-box contact-phones pull-right clearfix">
                                        <span class="header-box-icon header-box-icon-earphones"></span>
                                        <ul class="pull-left">
                                            {if $theme_settings.preset == 6}<li class="support-title">{l s='support service'}:</li>{/if}
                                            {if ($theme_settings.email_ph_acc != "")}<li>{$theme_settings.email_ph_acc}</li>{/if}
                                            {if ($theme_settings.email_ph_acc2 != "")}<li>{$theme_settings.email_ph_acc2}</li>{/if}
                                        </ul>
                                    </div><!-- End .contact-phones -->    
                                    {/if}                    
                                    {/if}
                                    {if ($theme_settings.preset == 2) OR ($theme_settings.preset == 3) OR ($theme_settings.preset == 9)}
                                    {if isset($HOOK_TOP)}<div class="header-inner-bottom{if isset($theme_settings) && ($theme_settings.search_pos == 1)} search_pos_right{/if}">{$HOOK_TOP}</div>{/if}
                                    {/if}
                                    {if ($theme_settings.preset == 9)}
                                    {hook h="menu"}
                                    {/if}
                                </div><!-- End .col-md-7 -->
                            </div>                            
                        </div>
                    </div>
                </header>
            </div>
            <div id="main-nav-container">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 clearfix">
                            {if $theme_settings.preset == 7}
                            <div id="header_logo" class="col-md-4 col-sm-4 col-xs-12 logo-container{if isset($theme_settings) && ($theme_settings.logo_center == 1)} align_center{/if}">
                                <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
                                    <img class="logo {if isset($theme_settings) && isset($theme_settings.logo_type) && $theme_settings.logo_type == 1} hidden{/if}" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    <span id="logo-text" class="{if isset($theme_settings) && isset($theme_settings.logo_type) && $theme_settings.logo_type == 0}hidden{/if}">
                                        {if isset($theme_settings.logo_text)}<span class="logo">{$theme_settings.logo_text}</span>{/if}
                                        {if isset($theme_settings.slogan)}<span class="slogan">{$theme_settings.slogan}</span>{/if}    
                                    </span>    
                                </a>                                    
                            </div>
                            {/if}
                            {if ($theme_settings.preset != 7) && ($theme_settings.preset != 9)}
                            {hook h="menu"}
                            {/if}
                            {if ($theme_settings.preset != 2) AND ($theme_settings.preset != 3) AND ($theme_settings.preset != 5) AND ($theme_settings.preset != 6) AND ($theme_settings.preset != 9)}
                            {if isset($HOOK_TOP)}<div class="header-inner-bottom{if isset($theme_settings) && ($theme_settings.search_pos == 1)} search_pos_right{/if}">{$HOOK_TOP}</div>{/if}
                            {/if}
                            {if ($theme_settings.preset == 7)}
                            {hook h="menu"}
                            {/if}
                            <br class="clearfix mn-clear">
                        </div>
                    </div>
                </div>
            </div>
            {if ($page_name == "index") && ($theme_settings.modules.top_slider|count > 0)}
                <div class="fullwidth-sliders">
                    <div class="container-shadow"></div>
                    {hook h="top_slider"}
                </div>
            {/if}
            <div class="columns-container">
                {if $theme_settings.preset == 7}
                    {if $page_name !='index' && $page_name !='pagenotfound'}
                        {include file="$tpl_dir./breadcrumb.tpl"}
                    {/if}
                {/if}
                {if $page_name == "category"}
                    {include file="$tpl_dir./category-banner.tpl"}
                {/if}
                {if $theme_settings.preset != 7}
                    {if $page_name !='index' && $page_name !='pagenotfound'}
                        {include file="$tpl_dir./breadcrumb.tpl"}
                    {/if}
                {/if}
                <div id="columns" class="container{if isset($theme_settings) && ($theme_settings.column == 'left')} left_column{/if}">                    
                    <div class="row">
                        {if ($page_name == "index")}
                            <div id="center_column" class="center_column col-xs-12 {if $theme_settings.homepage_column == 0}col-sm-12{else}col-sm-{12 - $left_column_size}{/if}">                            
                        {else}
                            <div id="center_column" class="center_column col-xs-12 col-sm-{12 - $left_column_size}">
                        {/if}
                            {hook h="displayTopColumn"}
                        
    {/if}

Edited by jlan62000 (see edit history)
Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Bonjour

 

En fait c'est sur les anciennes versions qu'il suffisait de modifier l'extension.

Je pense que dans la base de donnée (si vous n'êtes pas sur le cloud) vous pouvez modifier l'extension.

 

Vous pouvez aussi placer l'image en png via le ftp, faites ça et supprimer la jpg, si ça marche pas voir dans la base de donnée.

Tout en laissant cocher utilisé png

Link to comment
Share on other sites
taolei Newbie

taolei

Posted
Posted

bonjour, j'ai pas tout compris, mais il me semble qu'il faut aller dans le BO/image mettre compression png à "0" et ainsi l'image ne sera plus flou ! Par contre elle sera toujour en ficjier jpg même si on met du png... mais je ne voit pas ou est le problème ? Car si j'ai bien compris il ne s'agit que d'une question de rendu de qualité d'image.

Poue les images en jpg, si elles sont assez bien compressé, il faut régle toujour dans le BO/image la compression à 100 au lieu de 90 ! et la sera net également (comme celle que vous avez créer).

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...