{"id":7194,"date":"2019-09-19T15:27:58","date_gmt":"2019-09-19T09:57:58","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=7194"},"modified":"2019-09-27T10:08:57","modified_gmt":"2019-09-27T04:38:57","slug":"magento-2-get-logo-height-width-image-url-alt-text","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento-2\/magento-2-get-logo-height-width-image-url-alt-text\/","title":{"rendered":"Magento 2 &#8211; How to get Logo Height, Width, Image URL and Alt Text"},"content":{"rendered":"<p>In this post I am going to explain how to get logo height, width, image url and alt text in Magento 2.<\/p>\n<p><strong>1. Using Dependency Injection<\/strong><\/p>\n<p>Add below code snippet in Block class.<\/p>\n<pre class=\"lang:default decode:true \">protected $_logo;\r\n    \r\npublic function __construct(\r\n\t\\Magento\\Backend\\Block\\Template\\Context $context,\r\n\t\\Magento\\Theme\\Block\\Html\\Header\\Logo $logo,\r\n\tarray $data = []\r\n) \r\n{\r\n\t$this-&gt;_logo = $logo;\r\n\tparent::__construct($context, $data);\r\n}\r\n\r\n\/\/ Get logo image width\r\npublic function getLogoWidth()\r\n{    \r\n\treturn $this-&gt;_logo-&gt;getLogoWidth();\r\n}\r\n\r\n\/\/ Get logo image height\r\npublic function getLogoHeight()\r\n{    \r\n\treturn $this-&gt;_logo-&gt;getLogoHeight();\r\n}\r\n\r\n\/\/ Get logo image url\r\npublic function getLogoImageUrl()\r\n{    \r\n\treturn $this-&gt;_logo-&gt;getLogoSrc();\r\n}\r\n\r\n\/\/ Get logo image alt text\r\npublic function getLogoAltText()\r\n{    \r\n\treturn $this-&gt;_logo-&gt;getLogoAlt();\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>Add below code snippet in template file.<\/p>\n<pre class=\"lang:default decode:true \">\/\/ Get logo image width\r\necho $block-&gt;getLogoWidth() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image height\r\necho $block-&gt;getLogoHeight() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image url\r\necho $block-&gt;getLogoImageUrl() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image alt text\r\necho $block-&gt;getLogoAltText() . '&lt;br \/&gt;';<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>2. Using Object Manager<\/strong><\/p>\n<pre class=\"lang:default decode:true \">$objectManager =  \\Magento\\Framework\\App\\ObjectManager::getInstance();        \r\n \r\n$logo = $objectManager-&gt;get('\\Magento\\Theme\\Block\\Html\\Header\\Logo');\r\n\r\n\/\/ Get logo image width\r\necho $logo-&gt;getLogoWidth() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image height\r\necho $logo-&gt;getLogoHeight() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image url\r\necho $logo-&gt;getLogoSrc() . '&lt;br \/&gt;';\r\n\r\n\/\/ Get logo image alt text\r\necho $logo-&gt;getLogoAlt() . '&lt;br \/&gt;';<\/pre>\n<p>Thats it. Enjoy Magento 2!!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post I am going to explain how to get logo height, width, image url and alt text in Magento 2. 1. Using Dependency Injection Add below code snippet in Block class. protected $_logo; public function __construct( \\Magento\\Backend\\Block\\Template\\Context $context, \\Magento\\Theme\\Block\\Html\\Header\\Logo $logo, array $data = [] ) { $this-&gt;_logo = $logo; parent::__construct($context, $data); } \/\/&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/magento-2\/magento-2-get-logo-height-width-image-url-alt-text\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":7319,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[10,27],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7194"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=7194"}],"version-history":[{"count":1,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7194\/revisions"}],"predecessor-version":[{"id":7195,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7194\/revisions\/7195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/7319"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=7194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=7194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=7194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}