ID: 453PHID: PHID-TASK-yle763volb3ancnvvadsAuthor: PatrickStatus at Migration Time: resolvedPriority at Migration Time: Normal
Purpose
for the preview box when posting a Whonix website link to the forums
for the preview images when posting a Whonlx website link to social media (mostly facebook)
Image Sizes
As per ideal-image-sizes-social-media-posts and recent successful test results.
The first best image size for now appears to be 470x246. Example page where this is working good with full size preview: Whonix Documentation
The second best image size for now appears to be 158x158. Example page where this is working good with half size preview: Control and Monitor Tor
How
In the wiki markup, below
{{Header}}
We need something like this:
{{#seo:
|description=Using a Tor Controller with Whonix. Arm. Vidalia. Change your Tor circuit. Monitor Tor.
|og:image=https://www.whonix.org/w/images/5/54/Screenshot_arm_page1_cropped.png
}}
(The description appears as info text in search engine results below the page title. It can be anything and should be an informative summary. - Most pages should already have it.)
Look through existing files:
If we can reuse some, then we don’t need new ones.
Or upload new suitable screnshots. Something that works as an illustrative image. Upload it.
Go to the image link. For example File:Tux.png - Whonix . Don’t use File:Tux.png - Whonix directly! Won’t work. Click on the image until you get a full size one, example: https://www.whonix.org/w/images/a/af/Tux.png .
The images does not have necessarily to be added to that wiki page. However, when it makes sense, then now is a good time to have at least one [illustrative] image [or sceenshot - if applicable] per documentation wiki page.
For simple cases of image resizing we can use mediawiki. Go to Dev/ImageResize - Whonix . Add images to that page. Example:
[[File:Virtualbox_logo.png]]
[[File:Virtualbox_logo.png|470px]]
[[File:Virtualbox_logo.png|156px]]
Save. Mediawiki then will automatically created “thumbnails”. Right click on the smaller image → Copy Image Location. Example result: https://www.whonix.org/w/images/thumb/d/d5/Virtualbox_logo.png/156px-Virtualbox_logo.png .
2015-12-13 22:38:39 UTC
well u can say i understand the general concept of changing the images sizes.
so u would like to do that for all the current images atm ? or the new uploaded one ?
also not sure how can confirm that the image going to fit for this size or that size , essential visual result needed to c the effect on facebook or twitter …etc (preview). or im missing something?
2015-12-13 23:04:12 UTC
TNTBOMBOM (TNT BOM BOM):
so u would like to do that for all the current images atm ? or the new uploaded one ?
Just for the images we will use as og:image.
also not sure how can confirm that the image going to fit for this size or that size , essential visual result needed to c the effect on facebook or twitter …etc (preview). or im missing something?
Gimp can show image sizes. And also resize.
You can check it by trying it out. But it would require being logged
There is also the facebook debugger.
Sharing Debugger - Meta for Developers
Perhaps that thing has some bugs itself also. Sometimes you need to
The big preview on the facebook debugger may look messed up. (Image
not sure that debugger will work for your (related to who the facebook
You can also test the image preview by pasting a link to a Whonix forum
For twitter, not sure that’s worth it at this time. We would need
|twitter:image:src=https://www.whonix.org/w/images/c/c9/Whonix_logo600x321.png
There is a twitter card preview tester here:
https://cards-dev.twitter.com/validator
But since twitter cards are not expanded by default in most cases - I am
FromWhat is the optimum size for the image on a summary card with large image? - #4 by CastineDesigns - Cards - X Developers
Try first how it looks with the two example wiki links that are already
2015-12-15 20:18:23 UTC
Gimp can show image sizes. And also resize.
You can check it by trying it out. But it would require being logged
hmm that requires two things i dont have:-
Gimp knowledge & Facebook account
Gimp way too complex than shutter or paint, need month or more to know the essential right basics of it. this is not the big issue for me.
but Facebook account , thats really an issue, as u know now facebook requires a real mobile number in order to have an account. spent lot of time trying to register and skipping the mobile number but it seems no hope after all…
if u know any good skipping method or having an account then its good to have it.
2015-12-15 20:24:13 UTC
Resizing images with gimp is simple. Does not require a month to learn.
But if you know other tools than can do resizing, that is fine also.
I don’t think there are facebook account skipping possibilities. But the
2015-12-16 23:46:13 UTC
good then , so just to get everything right:-
now i go to the documentation link:- Whonix Documentation
and each topic which is contain photos inside it , i will choose the best one (if there is more than one) inside the topic and resize the image to 158x158 and add it in the top of the page with this command:-
{{#seo: https://www.whonix.org/w/images
right ? if im missing something pls add/correct.
2015-12-17 18:24:59 UTC
Do not add the name of the image to description=. If description= exists
Try to resize to 470xsomething first.
Please do it for one page first. Then we’ll see.
2015-12-25 12:29:14 UTC
2015-12-25 12:34:56 UTC
2015-12-26 03:40:42 UTC
aha ok , but it seems that u cant upload photo from qubes-whonix to the wiki ? i have tried many ways it either stuck on the upload (always whatever i do) or doesnt upload the photo at all. i should try then from debian environment.
trying to upload the image here:-
Dev/ImageResize - Whonix
2015-12-26 13:52:33 UTC
Error on whonix.org server. Now fixed. Image upload should work now as
Btw I don’t think you can do it all in one step. You first need to “Drop
2015-12-26 14:56:18 UTC
yeah i know , its a little time consuming but ok np with that.
check now:-
{{Header}}
{{#seo:
|description=Anonymity Online. Privacy Online.
|og:image=https://www.whonix.org/w/images/3/35/Rsz_google-chart.png
}}
Internet Corporations and Privacy Concerns
2015-12-26 20:07:44 UTC
TNTBOMBOM (TNT BOM BOM):
Internet Corporations and Privacy Concerns
Looks very good! Even got the big preview!
Please change a few more sites, and I’ll check them. Then we see if this
2015-12-27 10:44:23 UTC
2015-12-29 07:47:12 UTC
~~can u check if u can have the place where can u upload the photo:-Dev/ImageResize - Whonix
worked now , i dunno but Tor browser acting strangely today
also what is this link about ? can we use it for the same purpose ?
Login required - Whonix
2015-12-29 07:43:18 UTC
2015-12-29 08:11:39 UTC
check those:-
1- Data Collection Techniques
2- Whonix and Tor Limitations
actually the problem that i have mentioned about disappearing of the upload field even if u turn off the noscript is still happening. and i dunno is it something from TBB or mediawiki or …etc.
so i couldnt upload more than these photos nor i do know what is the problem or how to solve it.
2015-12-29 12:03:23 UTC
also what is this link about ? can we use it for the same purpose ?
Login required - Whonix
Yes.
That interfaces with the same internal mediawiki functions. Just it’s a different interface. Using that or the drop image area has the same effect.
actually the problem that i have mentioned about disappearing of the upload field even if u turn off the noscript is still happening. and i dunno is it something from TBB or mediawiki or …etc.
Does it with with non-TBB? With Firefox? If yes, then it must be a TBB issue.
check those:-
1- Data Collection Techniques
2- Whonix and Tor Limitations
Looks good with small preview.
2016-01-01 15:51:52 UTC
it seems that the issue from TBB , see here:-
{F2762}
so i will make the rest from firefox only , also i knew now how to move screenshots from dom0 to whonix ( it is hard one but at least i knew how until qubes provide the good way of transferring things).
2016-01-01 19:39:33 UTC
2016-01-03 14:26:10 UTC
i think it is not just TBB , but also “noscript”. try to disable it and see.
im using firefox , and i had the same issue now.
2016-01-03 15:58:57 UTC
i think i have finished all the documentation links.
check them , and tell me if u want to change something and/or i have forgot any link.
2016-01-03 17:07:02 UTC
Thanks a lot! Quite a lot work has been done already.
There are still a lot pages missing. If you go to Whonix Documentation …
If you want to work on this some more, please go through these links one by one.
2016-01-04 17:14:20 UTC
uw
yeah why not , but these links dont have photos inside so how im going to add photos? or u mean i choose random photo fitting the subject and try to put it inside them ? like what we did witha logos?
show me the way and im on for it
2016-01-04 17:45:25 UTC
Yes, coming up with some illustrative image that fits the subject.
That image does not need to be on that page, but if it’s useful to add
2016-01-05 16:59:19 UTC
aha ok perfect , should i care about is this image with X license or Z license (like with logos)? or with images im free to use anyone i see it good to fit the subject ?
and r we going to open a subject for it inside the forum ?
2016-01-05 18:31:19 UTC
2016-01-11 16:33:04 UTC
2016-01-13 20:42:09 UTC
2016-01-13 20:46:12 UTC
2016-01-14 01:52:02 UTC
2016-01-14 02:42:05 UTC
2016-02-10 19:45:43 UTC
2016-02-15 03:26:23 UTC
done, check it out babe
also fix ur first comment here:-
We need something like this:
{{#seo:
|description=Using a Tor Controller with Whonix. Arm. Vidalia. Change your Tor circuit. Monitor Tor.
|og:image=https://www.whonix.org/w/images/5/54/Screenshot_arm_page1_cropped.png
}}
the last line should be:-
|og:image=https://www.whonix.org/w/images/5/54/Screenshot-arm-page1-cropped.png
2016-02-16 05:48:38 UTC
2016-02-16 05:52:28 UTC
2016-12-25 01:42:24 UTC
