title: Typo3: How to setup image properties like width, height and alt?
body: <p>I have a snippet of the following typoscript code, that shows image with defined class name. What is lacking is the image's width, height, align etc properties; which have been set in the backend editor.</p>
  
  <pre><code>30 = FILES
      30 {
          references {
              table = tt_content
              fieldName = image
          }
          renderObj = IMAGE
          renderObj {
              file.import.data = file:current:publicUrl
              params = class="img-responsive img-centered" 
          }
      }
  ...
  ...
  }
  </code></pre>
  
  <p>The rendered html is something like: <code>&lt;img class="img-responsive img-centered" width="600" height="880" border="0" alt="" src="preview.png"&gt;</code>
  How do I also show custom width/height/align properties set from backend?</p>
  
  <p>== Added more details ==</p>
  
  <p>Here is my entire block of this segment of code:</p>
  
  <pre><code>temp.portfolio = CONTENT
  temp.portfolio {
    table = tt_content
    select {
      begin = 1
      orderBy = sorting
      where = (colPos = 2)
      }
      renderObj = COA 
      renderObj {
  
  10 = TEXT  
  10 {
    required = 1
    wrap = &lt;a class="portfolio-link" data-toggle="modal" href="#portfolioModal"&gt;&lt;div class="portfolio-hover"&gt;&lt;div class="portfolio-hover-content"&gt;&lt;i class=" | "&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;
    stdWrap.field = custom_icon
  }
  
  15 = FILES
  15 {
      references {
          table = tt_content
          fieldName = image
      }
      renderObj = IMAGE
  
      renderObj {
          file.import.data = file:current:publicUrl
          params = class="img-responsive" 
      }
  }
  
  20 = TEXT
  20 {
    required = 1
    wrap = &lt;/a&gt;&lt;div class="portfolio-caption"&gt;&lt;h4&gt; | &lt;/h4&gt;
    stdWrap.field = header
    #parseFunc =&lt; lib.parseFunc_RTE
  }
  30 = TEXT
  30 {
    required = 1
    wrap = &lt;p class="text-muted"&gt; | &lt;/p&gt;
    stdWrap.field = subheader
    #parseFunc =&lt; lib.parseFunc_RTE
  }
  40 = TEXT
  40 {
    wrap = &lt;/div&gt;
  }
  
  50 = CONTENT
  50 {
    table = tt_content
    select {
      uidInList {
        field = header_link
        stdWrap.replacement.10 {
          search = /^.+#/
          replace = 
          useRegExp = 1
        }
      }
      max = 1
      where = (pid = 11)
      pidInList {
        field = header_link
        stdWrap.replacement.10 {
          search = /#.+$/
          replace = 
          useRegExp = 1
        }
      }
    }
    renderObj = COA
    renderObj {
      10 = TEXT  
      10.value {
        required = 1
        wrap = &lt;h2&gt; | &lt;/h2&gt;
        field = header
      }
      20 = TEXT  
      20.value {
        required = 1
        wrap = &lt;p class="item-intro text-muted"&gt; | &lt;/p&gt;
        field = subheader
      }
      30 = FILES
      30 {
          references {
              table = tt_content
              fieldName = image
          }
          renderObj = IMAGE
  
          renderObj {
              file {
                  import.data = file:current:publicUrl
                  width.field = imagewidth
                  height.field = imageheight
              }
  
              params = class="img-responsive img-centered"
              altText.data = file:current:alternative
  
          }
      }
      40 = TEXT  
      40.value {
        required = 1
        wrap = |
        field = bodytext
        parseFunc =&lt; lib.parseFunc_RTE
      }
      stdWrap.wrap = &lt;span class="float-window" style="display:none"&gt; | &lt;/span&gt;
    }
  }
  stdWrap.wrap = &lt;div class="col-md-4 col-sm-6 portfolio-item"&gt; | &lt;/div&gt;
  }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/trI7f.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/trI7f.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/L6rhK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L6rhK.jpg" alt="enter image description here"></a></p>