How to get Logo url, Image Url, Alt text, Logo size in Magento 2

Logo URL, ALT Text, and Logo Size (include height and width) are the basic information you totally get through this tutorial when the logo is applied to your store.

Logo URL, ALT Text, Image URL, and Logo Size (include height and width) are the basic information you totally get when the logo is applied to your store. In specific, the logo URL is the direct link that will show the page whenever there is any person clicking on the logo.

These elements play an important role in increasing your brand identity and ensuring a good score in SEO ranking. That’s why you will need a perfect size for your logo, a relevant ALT text, and an optimized logo URL. Before that, you need to get all of the existing logo information to easily compare, optimize, update later.

And the logo size is the height and width of the logo image. What about the ALT Text? That is the content which is visible in the logo. Those parameters are open for you to get via this tutorial article if you are running Magento 2 platform on the store.

Main contents

Step 1: Declare in Mageplaza_HelloWorld
Step 2: Declare function in template (.phtml) file

Step 1: Declare in `Mageplaza_HelloWorld`

You will use a block class of the module Mageplaza_HelloWorld, then possibly inject the object of Logo class in the constructor of the module’s block class.

app/code/Mageplaza/HelloWorld/Block/HelloWorld.php

<?php
namespace Mageplaza\HelloWorld\Block;
class HelloWorld extends \Magento\Framework\View\Element\Template
{
    protected $_logo;    
    
    public function __construct(
        \Magento\Backend\Block\Template\Context $context,
        \Magento\Theme\Block\Html\Header\Logo $logo,
        array $data = []
    )
    {        
        $this->_logo = $logo;
        parent::__construct($context, $data);
    }
    
    /**
     * Get logo image URL
     *
     * @return string
     */
    public function getLogoSrc()
    {    
        return $this->_logo->getLogoSrc();
    }
    
    /**
     * Get logo text
     *
     * @return string
     */
    public function getLogoAlt()
    {    
        return $this->_logo->getLogoAlt();
    }
    
    /**
     * Get logo width
     *
     * @return int
     */
    public function getLogoWidth()
    {    
        return $this->_logo->getLogoWidth();
    }
    
    /**
     * Get logo height
     *
     * @return int
     */
    public function getLogoHeight()
    {    
        return $this->_logo->getLogoHeight();
    }    
}
?>

You can see more functions in vendor/magento/module-theme/Block/Html/Header/Logo.php.

Step 2: Declare function in template (.phtml) file

Run the below function in your template (.phtml) file

echo $block->getLogoSrc() . '<br />';
echo $block->getLogoAlt() . '<br />';
echo $block->getLogoWidth() . '<br />';
echo $block->getLogoHeight() . '<br />';

You can see more functions in vendor/magento/module-theme/Block/Html/Header/Logo.php.

Final words

The topic How to get logo url, alt text, and logo size in magento 2 ends here. I hope this is the helpful article when you want to fetch the logo information. In case that you have any question about the article, use the comment section below!

Previous Get the data of shopping cart items, subtotal, grand total, billing & shipping address

Next Get product collection

One Step Checkout for Magento 2 by Mageplaza

magento-2-tutorial

get

logo-url

alt-text

logo-size

logo-height-width

Sam Thomas

CEO and Founder of Mageplaza. Pursueing a simple and healthy lifestyle. A friend, a husband and a dad of two children, a trainer and an influencer wannabe. He is a big fan of sports and travel, also.