Hello

As an user of a nodebb forum, it’s very common for people posting huge images (because the users of this particular forum are using a specific tool to generate screenshots, and this tool has a huge default definition). When I do so, I take time to resize images to 50% to avoid that readers have to scroll too much, but it’s a bit painful and nobody else is doing it. I have found that a vanilla resize of 50% by a standard drawing software leaves quality of the screenshot good enough. It would be nice if the resize could be done automatically when uploading a huge image, could be done by Javascript to avoid loading the server. Is there any way ? Thanks for any advice.

  • <baris>@community.nodebb.org
    link
    fedilink
    arrow-up
    2
    ·
    3 months ago

    In the admin page at /admin/settings/uploads you can force images to be resized down to a specific width if they are wider than a certain width. This resizing happens server side.

    image.png

    If you only want to fix how images look, you can target them and add a max-height via css. Harmony already comes with the below rule which sets their max-height to 500px;

    [component="chat/message/body"], [component="post/content"] {
    	.img-fluid {
    		@extend .shadow-sm;
    		padding: $spacer * 0.5;
    		margin: $spacer * 0.5 0;
    		border: 1px solid $border-color;
    		background-color: $light;
    		border-radius: $border-radius-sm;
    		max-height: 500px;
    		width: auto;
    	}
    }
    

    • gpatel-fr@community.nodebb.orgOP
      link
      fedilink
      arrow-up
      2
      ·
      3 months ago

      @baris

      Thanks for your answer.

      The forum where I have this annoyance does not seem to use Harmony. I should give a spin to a nodebb test instance to see how easy it is to add a custom css rule to a forum not using this theme

      In my (uninformed) opinion, the information you provided could be added to the FAQ because I have seen these concerns on several forums already.

    • gpatel-fr@community.nodebb.orgOP
      link
      fedilink
      arrow-up
      1
      ·
      2 months ago

      @baris

      Thanks again for your time. If I may abuse again of your efforts, could you update your installation procedure ? My first effort ended in illegal instruction while testing for mongodb. Intel was still building low cost, low power chips without AVX as recently as 3 years ago, so please add this requirement to the 512 MB memory here