Salesforce image resize in LWC

Question

I am new to salesforce development. I want to display an image in LWC in salesforce. I added the image in static resource and add the line in lightning component

<img src="{Resource.Img1}" />

The image is showing in the LWC but when I add width and height to the image it disappears. How can I add width and height and how I can add css in LWC.

Hi. Can you share how are you adding the width and height to the image (the exact code that you are using)? — Óscar Gómez Balaguer
– Óscar Gómez Balaguer, Commented Oct 24, 2021 at 20:26
I got this. I added a inline style to the img tag and it worked. But I am unable to add <style type="text/css"> in my lightning component. — Hasan Zubairi
– Hasan Zubairi, Commented Oct 24, 2021 at 21:25
<style> tag is not the way to include styles in a LWC. If you want to include your own styles in a LWC, in your component folder create a .css next to the .js and the .html and put your own styling there. Then, you can reference it in your .html. — Óscar Gómez Balaguer
– Óscar Gómez Balaguer, Commented Oct 25, 2021 at 19:33

Dharman · Accepted Answer · 2021-10-25 08:26:58Z

0

You can add inline css as below and update the height and width of your image according to your requirement.

edited Oct 25, 2021 at 8:26

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Oct 25, 2021 at 8:21

Rajat Jaiswal

764 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Salesforce image resize in LWC

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related