l’image retina, Cela fait quelques temps qu’on voit apparaître des écrans Retina ou « Retina Display » qui, grâce à son écran haut densité en pixels, rendra le contenu plus détaillé et plus net sur vos différents appareils. Vous l’aurez compris il vous faudra adapter votre site web à ce type d’écran afin de rendre votre site plus beau, plus moderne et surtout moins pixelisé. Pour vous assurer que votre logo possède une version prête au retina display, vous pouvez en ajouter un dans les options de votre thème.
image retina, comment en ajouter une à mon thème Worpdress?
Et bien c’est tout simple ! Uploader une version Retina de votre logo est exactement le même qu’uploader une image normal, sauf qu’elle sera deux fois plus grand. Par exemple, si l’image de logo régulière est de 100×100 pixels, l’image du logo Retina devrait avoir une taille de 200×200 pixels.
La façon dont vous nommez l’image retina est très importante. Elle doit être nommé exactement comme l’image du logo régulier, mais avec @2x ajouté à la fin du nom.
Donc, si l’image de logo régulière s’appelait « logo.png », l’image retina de votre logo devrait être nommée « [email protected] »
De plus, vous devrez vous assurer que votre image de logo régulière et votre image retina sont dans le même dossier de bibliothèque de médias WordPress. Vous pouvez le faire plus facilement en téléchargeant les deux fichiers image en même temps sur votre bibliothèque multimédia.
Vous pouvez télécharger votre image retina en naviguant dans Apparence> Personnaliser> Paramètres de logo et d’en-tête
image retina ou Logo retina
Vous n’avez pas cette option dans le Customizer de votre thème?
Si vous n’utilisez pas le thème Hemlock, enfold, Florence etc… et souhaitez mettre en œuvre une image retina, nous vous recommandons le plugin appelé « WP Retina 2x« . En effet ce plug in vous permettra d’ajouter un logo ou une image retina, ce que je vous conseille grandement de faire.
[/fusion_text][fusion_button link= »https://prolanceweb.com/services/ » text_transform= » » title= » » target= »_self » link_attributes= » » alignment= »center » modal= » » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » class= » » id= » » color= »default » button_gradient_top_color= » » button_gradient_bottom_color= » » button_gradient_top_color_hover= » » button_gradient_bottom_color_hover= » » accent_color= » » accent_hover_color= » » type= » » bevel_color= » » border_width= » » size= » » stretch= »default » shape= » » icon= » » icon_position= »left » icon_divider= »no » animation_type= » » animation_direction= »left » animation_speed= »0.3″ animation_offset= » »]Découvrir mes services[/fusion_button][fusion_text columns= » » column_min_width= » » column_spacing= » » rule_style= »default » rule_size= » » rule_color= » » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » class= » » id= » »]
A voir aussi :
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]