Utopian.io | Feature Suggestion For Resizing Images

in #utopian-io7 years ago (edited)

We can resize as follows.

Real Size:404*302

https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1514154035/mh2wbdivxzqv0ejtrqvb.png

The output of the above code is as follows.


Problem

We only have the ability to resize on topics shared via utopian.io or steemit via code.
For this reason, some topics are both visually bad and can not be approved by the moderators.

Sometimes the size of the original images is too big.

for this reason irregularity can occur in the article.


Proposed solution

This is possible with the solution code.

Current Size:404*302

https://steemitimages.com/102x151/https://res.cloudinary.com/hpiynhbhq/image/upload/v1514154035/mh2wbdivxzqv0ejtrqvb.png

The output of the above code is as follows.

As you can see above, we can resize it with the /102x151/ parameter.

However, it may make sense to drag this feature from the bottom right of the picture instead.

This may be possible in the Utopian article preview section.

With the Javascript function, we can set the scale property of the images.

Example 1

3.png

Example 2

4.png

The result with the parameter is both late and not healthy.

I think that this feature will be of great benefit both for the users and for the moderators.


Example:

resize.png


As an example of this, you can look at the following project.

https://jsfiddle.net/cmxevnp0/3/

In this project, scale ratio can be adjusted by double clicking.

For example, there can be 3 scale settings.
(Small, medium, large)


Other Example.

4.png

http://showcase.sproutcore.com/#demos/Automatic%20Image%20Scaling

Open the menu when the picture is clicked.
There are 3 options on the menu. (Small, medium, large)

I observe that at least one picture is used in the topics.I think this feature is overlooked because it is difficult to resize.

Those who have knowledge or suggestion in this matter can express it as a comment.

Benefits and Conclusion

Better quality articles can be prepared.

Users will not have to deal with codes.

Users can add images without lowering the pixels of their images.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Yes, please add this feature to Steemit!!!

Please add this picture.
It will be very useful.
Thanks for the post

Hello @odl, your contribution has been placed on pending. Please kindly contact us on Discord.
[utopian-moderator]

Please provide more details, we ask you to add quality post your suggestion, you also explain more benefits and conclusions. if this suggestion is for utopian, please also use the example for utopian, how it can be good applied to utopian, give a good and clear picture.
we are waiting for your post to edit 48 hours

[utopian-supervisor]

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @odl I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.14
TRX 0.24
JST 0.032
BTC 89754.33
ETH 2222.78
SBD 0.87