Creating Featured Image

thanks for asking! I didn't really know what you guys were dealing with -

1. This is ONLY for Feature Image Only - you only have to do this for the (1) Feature Image - that is the only one that has to fit into the theme layout stuff -

2. What are you using to resize?
If it is photoshop - or the free one - https://www.gimp.org/downloads/ - I think everything should be able to do this -

3. Resize without losing size of image -
- basically turn on / turn off the resample button in photoshop


Image Compression

https://resmush.it/ -may be worth it just to stick this on the site and be done with it. I still feel like photoshop etc. can do better - but then we won't worry.

SIZING::Let's upload 2000px width - 16:9 landscape - 72 dpi images - compressed to like 60% in photoshop or gimp (free version of photoshop)

also these ONLY compress images for you - https://compressjpeg.com/ and https://compresspng.com/ - run images through compresser - then upload compressed -

site image sizing | 300px width - thumb | 800px width - medium | 1024px width large -


Promo Video

Get video from 3rd party affilaite programs - IF YOU DO NOT ALREADY HAVE A SYSTEM (it sounds like this is not an issue for any of you guys)

- use chrome
- create link to video file through "text" in wordpress
- when link is created - switch to visual
- right click and save as

e.g. - https://cdn1.ads.contentabc.com/men/hostedvideos/TextualRelationsPart3_scene1_trailer_720p.mp4

right click and save as -


OVERALL:: If you name the video / jpg / and folder you upload it to all the same thing it makes this all much easier. E.G. you end up with

thisisthenameofwhatyouaremaking.mp4
thisisthenameofwhatyouaremaking.jpg
thisisthenameofwhatyouaremaking - this is also the name of the folder you upload it to

takes a bunch of the thinking out of it later -

1. Encode the video for web ready content - the tool we use is handbrake -

https://handbrake.fr/

SETTINGS REVIEW::
- anamporphic to none
- set width to 640px
- web optimized
- be sure to rename the video something you can user easily -

Run the video through the encoder - BE SURE TO RENAME IT SOMETHING YOU CAN EASILY USE AND REMEMBER

2. get a cover image for the video -

A. Does the affiliate program provide a stills for this clip? If so those are perfect - just pick the best one.

B. If not
- take a screenshot from the actual video
- crop out everything but the image (if your desktop etc. is in the background screenshot you took)
- save it out (remember to use the same name as the mp4)

3. then upload to the video hosting platform -

- GET AN FTP APP IF YOU DON'T HAVE ONE:

https://www.globalscape.com/cute-ftp/version/930
https://www.globalscape.com/cuteftp-download-and-registration-instructions

You should have login credentials (sent from wayne)

ftp ip:
ftp port:
ftp un:
ftp pw:
USE - FTP

4. make a folder in the ftp (again try to use same name for all 3 parts / mp4 / jpg / folder)

5. upload mp4 and jpg

7. You will add links to the jpg and mp4 in wordpress to create the player - you have to add the video and image through wordpress to create a responsive player

8. after the video is uploaded to the server - you have to get the links to it out - this is the pattern -

BE SURE TO USE https
https://promovideos.nakedsword.com/content/promos/foldername/mp4name.mp4
https://promovideos.nakedsword.com/content/promos/foldername/jpgname.jpg

e.g. (this is why using the same name for all 3 parts makes it easier)
https://promovideos.nakedsword.com/content/promos /haddadcorrigan/haddadcorrigan.mp4
https://promovideos.nakedsword.com/content/promos/haddadcorrigan/haddadcorrigan.jpg

9. add to post (screenshots below) - this player will work better and on more devices than the html5 one + has a logo and link back to article and thesword.com on it - more steps but MUCH BETTER -

- new post
- add media
- add external media
- paste the mp4 name - https://promovideos.nakedsword.com/content/promos/foldername/mp4name.mp4
- add to library
- Poster Image - click "enter a url to your thumbnail" -
- paste the url of the jpg - https://promovideos.nakedsword.com/content/promos/foldername/jpgname.jpg
- click - "Insert with JW Player" (you can fill in rest of the info - good for SEO - but not required)


The promo video site itself can create players - but it does not make them responsive - so you have to do the extra steps -

7. to change the size just add this after the url:?width=280&height=150

https://promovideos.nakedsword.com/framesource/AdamAndAJ/nakedsword?width=280&height=150


▲ TOP


Amazon Elastic Transcoder

https://aws.amazon.com/elastictranscoder/

Try the New File-Based Video Processing Option
AWS Elemental MediaConvert is a new file-based video transcoding service that provides a comprehensive suite of advanced transcoding features, with Basic tier rates starting at $0.0075/minute. Read more.

Amazon Elastic Transcoder is media transcoding in the cloud. It is designed to be a highly scalable, easy to use and a cost effective way for developers and businesses to convert (or “transcode”) media files from their source format into versions that will playback on devices like smartphones, tablets and PCs.


▲ TOP